HTML表单默认值通过value、checked、selected属性设置:文本框用value预填内容,单选框和复选框用checked设默认选中,下拉菜单用selected指定默认选项,文本域默认值置于标签内。

HTML表单默认值的设置主要通过元素的 value 属性实现,不同表单控件有不同的设置方式。合理设置默认值可以提升用户体验,减少重复输入。
文本框与密码框的默认值
对于 input 类型为 text、password、email、tel 等的输入框,使用 value 属性直接指定默认内容。
- —— 显示提示性默认文字
- —— 预填用户邮箱
注意:若希望用户点击即清除默认值,可结合 placeholder 使用,但 value 更适合已知的预设值。
单选按钮与复选框的默认选中
使用 checked 属性设置默认选中状态。
立即学习“前端免费学习笔记(深入)”;
- 单选按钮(radio): —— 默认选择“男”
- 复选框(checkbox): —— 默认勾选“阅读”
同一组 radio 中只需一个加 checked,浏览器会自动处理互斥选择。
下拉菜单的默认选项
在 select 元素中,通过给某个 option 添加 selected 属性来设定默认项。
用户打开页面时将默认显示“北京”,适用于地区、分类等常见选择项。
文本域的默认内容
对于 textarea,默认值写在开始和结束标签之间。
不能使用 value 属性,否则内容不会显示。适合用于留言、备注等多行输入场景。
基本上就这些。掌握 value、checked 和 selected 的用法,就能灵活设置各类表单的默认值,让页面更人性化。不复杂但容易忽略细节。











