【input框默认值】在网页开发中，`` 标签是用于创建表单输入控件的重要元素。其中，“默认值”是指用户在页面加载时，`input` 框中自动显示的文本内容。正确设置默认值可以提升用户体验，减少用户输入负担。
一、什么是 input 框默认值？
`input` 框的默认值是指在页面初次加载时，输入框中预先填充的内容。可以通过 `value` 属性进行设置，也可以通过 JavaScript 动态修改。
二、常见的 input 类型与默认值设置方式
| 输入类型 | 默认值属性 | 示例代码 | 说明 |
| text | `value` | `` | 文本输入框，支持手动输入 |
| password | `value` | `` | 密码框，输入内容会隐藏 |
| `value` | `` | 用于邮箱输入，支持验证 | |
| number | `value` | `` | 数字输入框，限制只能输入数字 |
| checkbox | `checked` | `` | 勾选状态由 `checked` 控制 |
| radio | `checked` | `` | 单选按钮，选中时需设置 `checked` |
| date | `value` | `` | 日期选择器，格式为 YYYY-MM-DD |
三、如何设置默认值？
1. HTML 设置
直接在 HTML 标签中使用 `value` 或 `checked` 属性。
2. JavaScript 设置
可以通过脚本动态修改输入框的默认值：
```javascript
document.getElementById("myInput").value = "新默认值";
```
3. 表单提交后恢复默认值
如果用户提交表单后希望重置输入框，可以使用 `reset()` 方法或手动设置 `value`。
四、注意事项
- 默认值不会被用户输入覆盖，除非用户主动修改。
- 对于 `checkbox` 和 `radio`，默认值由 `checked` 控制，而不是 `value`。
- 使用 `placeholder` 属性时，注意它与 `value` 的区别：`placeholder` 是提示文字，不作为实际值。
五、总结
| 项目 | 内容 |
| 定义 | input 框默认值是页面加载时预设的文本内容 |
| 设置方式 | HTML 属性（如 `value`、`checked`）或 JavaScript |
| 常见类型 | text、password、email、number、checkbox、radio、date 等 |
| 注意事项 | 不同类型有不同设置方式，避免混淆 `value` 和 `placeholder` |
通过合理设置 input 框的默认值，可以提高用户操作效率，使表单更友好、更易用。