设置html input默认值主要有以下方法：1. 对于text、number等类型，直接使用value属性；2. 对于checkbox和radio，使用checked属性控制默认选中状态；3. 使用javascript动态设置默认值时，可通过dom操作赋值，并结合domcontentloaded事件确保执行时机；4. placeholder用于提示文本，value用于实际提交的默认值；5. 处理date类型浏览器差异时，可用javascript格式化日期为yyyy-mm-dd并赋值；6. 提供“恢复默认值”按钮时，可先保存初始值并在点击时重新赋值。以上方法能应对不同场景下的input默认值设置需求。
设置HTML input元素的默认值，主要通过value属性实现。但这背后涉及到多种情况，比如不同类型的input元素、JavaScript动态设置、以及用户体验的考量。
解决方案：
对于大多数input类型，直接使用value属性即可：
立即学习“前端免费学习笔记（深入）”；
对于checkbox和radio，需要结合checked属性：
我同意 男 女
注意：checked属性无需赋值，只需存在即可。
如何使用JavaScript动态设置input默认值？
有时候，默认值需要根据某些条件动态设置。 这时候，JavaScript就派上用场了。
这段代码会在页面加载完成后，先尝试从localStorage获取用户城市信息，如果获取不到，就设置为“北京”。 使用DOMContentLoaded事件确保在DOM加载完成后执行JavaScript代码，避免找不到元素的问题。
placeholder和value有什么区别？什么时候使用哪个？
placeholder和value虽然都与input元素的显示有关，但用途截然不同。value是input元素的实际值，提交表单时会包含在数据中。而placeholder只是一个提示文本，当input元素为空时显示，用户输入内容后消失。
-
使用
value的情况： 需要预先填充input元素的值，例如用户上次输入的信息、默认选项等。 -
使用
placeholder的情况： 仅需要提示用户应该输入什么内容，不作为实际值提交。
例如：
邮箱使用placeholder提示用户输入格式，而用户名使用value显示上次登录的用户名。
如何处理不同浏览器对input type="date"默认值显示格式的差异？
input type="date"在不同浏览器上的默认值显示格式可能存在差异。 例如，Chrome可能显示YYYY-MM-DD，而Firefox可能显示MM/DD/YYYY。 为了保证一致性，可以使用JavaScript进行格式化。
这段代码获取当前日期，并将其格式化为YYYY-MM-DD，然后设置为input type="date"的默认值。 padStart(2, '0')用于确保月份和日期始终是两位数，不足两位数时在前面补0。
如何避免用户修改了默认值后，又想恢复到默认值的情况？
提供一个“恢复默认值”的按钮，让用户可以方便地恢复到初始状态。
这段代码首先保存address input元素的默认值，然后在用户点击“恢复默认地址”按钮时，将input元素的值恢复为保存的默认值。
