选择默认值 - HTML

在HTML中，可以为表单控件（如输入框、单选框、复选框、下拉列表等）设置默认值，以方便用户的输入操作。

输入框中的默认值

为一个输入框设置默认值可以使用 value 属性。例如：

<input type="text" value="default value">

在上面的例子中，输入框将会包含一个默认值 default value。用户可以修改该值。

单选框和复选框中的默认值

为单选框和复选框设置默认值需要使用 checked 属性。例如：

<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female

<input type="checkbox" name="fruit" value="apple" checked> Apple
<input type="checkbox" name="fruit" value="orange"> Orange

在上面的例子中，Male 和 Apple 被设置为默认选中的单选框和复选框。

下拉列表中的默认值

为下拉列表设置默认值需要使用 selected 属性。例如：

<select name="city">
  <option value="beijing">Beijing</option>
  <option value="shanghai" selected>Shanghai</option>
  <option value="guangzhou">Guangzhou</option>
  <option value="shenzhen">Shenzhen</option>
</select>

在上面的例子中，Shanghai 被设置为默认选中的选项。

注意事项

在设置默认值时，需要注意以下几点：

• 必须在标签内部使用属性来设置，默认值不应该被设置为属性。
• 对于单选框和复选框来说，checked 属性可以被省略。如果省略了 checked 属性，那么该选项就不会被选中。
• 如果给全部选项（或全部复选框）设置了默认值，那么用户就不能在没有选中选项的情况下提交表单。
• 一些浏览器可能会忽略默认值的设置，因此最好避免在表单中使用复杂的默认值。

总之，在设置默认值时，一定要保证清晰明了和易用性。