html单选框怎么写?在 HTML 中创建单选框(Radio Button),可以使用 `<input>` 元素,并指定 `type="radio"` 属性。以下是一个简单的示例:
<input type="radio" name="gender"
value="male">
<label for="male">男性</label>
<input type="radio" name="gender" value="female">
<label for="female">女性</label>
上述代码创建了两个单选框,分别表示男性和女性。关键点如下:
- 使用 `<input>` 元素,并指定 `type="radio"`,将其类型设置为单选框。
- 通过 `name`
属性来对单选框进行分组,确保只能选择一个选项。在上述代码中,两个单选框都被分组到名为 "gender" 的组中。
- 使用 `value`
属性为每个单选框指定一个值。当选中某个单选框时,该值会提交到服务器或供 JavaScript 使用。
为了与每个单选框关联的文本标签,可以使用 `<label>` 元素,通过 `for` 属性与相应的单选框建立关联。`for` 属性值应该与单选框的 `id` 属性值相同,以便在点击标签时触发对应的单选框选中状态。
当用户选择某个单选框后,浏览器会自动确保同一组单选框中只有一个选中。提交表单时,被选中的单选框的 `value` 值会发送到服务器。
以上是一个基本的单选框示例,你可以根据实际需求进一步自定义样式和功能。