单选输入值 - HTML

HTML中有很多表单元素可以让用户输入数据，而单选输入框是其中之一。它让用户从多个预设选项中选择一个选项来提交表单数据。在本文中，我们将介绍如何在HTML中创建单选输入值。

HTML单选输入值

使用HTML中<input>元素的type属性可以创建单选输入框。将type属性设置为radio即可创建单选框。

<label>选项1<input type="radio" name="option" value="option1"></label>
<label>选项2<input type="radio" name="option" value="option2"></label>
<label>选项3<input type="radio" name="option" value="option3"></label>

上面的代码将创建三个单选框，每个单选框都有不同的value属性值。为了将它们组织在一起，我们将它们命名为option，以便用户只能选择其中之一。

属性

以下是单选输入框可能用到的一些常见属性。

• name: 控件的名称，以便在提交表单时进行标识。
• value: 控件的值，提交表单时将返回该值。
• checked: 控件是否选中。

注意事项

• 在同一组内的所有单选框应该使用相同的name属性。
• 为了保持页面结构良好，应该将每个单选框都用<label>元素包裹起来，使其可点击。
• 如果未设置checked属性，则页面将显示未选中状态的单选框。

结论

单选输入框允许用户在多个选项中选择一个选项提交表单数据。HTML中<input>元素的type属性值设置为radio可以创建单选输入框。使用相同的name属性将单选框组织到一起，并使用<label>元素可实现更好的可点击性。