<input type="text" id="username" name="username" value="JohnDoe">
在这个例子中，文本框的默认值为 "JohnDoe"。当用户访问表单时，文本框将自动显示这个值。
设置下拉列表的默认值
下拉列表，也称为选择框，通常用于用户从一组选项中选择一个值。当设定下拉列表的默认值时，需要使用 `selected` 属性。下面是一个例子：
<select id="fruit" name="fruit">
<option value="apple">Apple</option>
<option value="banana" selected>Banana</option>
<option value="orange">Orange</option>
</select>
在这个例子中，下拉列表的默认值为 "Banana"。当用户访问表单时，下拉列表将自动显示这个值。
设置单选框和复选框的默认值
单选框和复选框也可以设定默认值。要实现这个功能，需要使用 `checked` 属性。下面是一个例子：
<input type="radio" id="gender-male" name="gender" value="male" checked>
<label for="gender-male">Male</label>
<input type="radio" id="gender-female" name="gender" value="female">
<label for="gender-female">Female</label>
在这个例子中，单选框 "Male" 的默认值为选中状态。当用户访问表单时，这个单选框将自动被选中。
同样，复选框也可以通过 `checked` 属性来设定默认值。下面是一个例子：
<input type="checkBox" id="accept" name="accept" value="yes" checked>
<label for="accept">I accept the terms and conditions.</label>
在这个例子中，复选框的默认值为选中状态。当用户访问表单时，这个复选框将自动被选中。
总结
设置表单元素的默认值可以方便用户填写表单。不同类型的表单元素设置默认值的方式略有不同。对于文本框，需要使用 `value` 属性；对于下拉列表，需要使用 `selected` 属性；对于单选框和复选框，需要使用 `checked` 属性。掌握这些知识，可以更好地开发 HTML 表单页面。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
