HTML Radio标签

介绍

HTML Radio标签用于创建单选按钮，只能单独选择一个选项。每个单选按钮都有相同的名称属性，但不同的值属性。当用户选择其中一个选项时，可以使用JavaScript脚本进行处理。

语法

<input type="radio" name="name" value="value">

• type：指定输入类型为"radio"。
• name：指定用于将一组单选按钮分组的名称。
• value：指定每个单选按钮不同的值。

示例

<form action="#">
  <input type="radio" name="gender" value="male">
  <label for="male">Male</label><br>
  <input type="radio" name="gender" value="female">
  <label for="female">Female</label><br>
  <input type="radio" name="gender" value="other">
  <label for="other">Other</label>
</form>

在上面的示例中，我们创建了一个表单，并使用三个单选按钮来选择性别。所有单选按钮的名称都是“gender”，但不同的值属性使它们不同。

注意事项

• 单选按钮的选项必须放在一个包含它们的表单元素内，以便提交表单数据时能够正确地捕获用户的输入。
• 所有单选按钮必须具有相同的名称属性。
• 所有单选按钮的值属性必须不同。
• 可以使用 JavaScript 进行单选按钮的切换或选项值的处理。
• 可以使用 CSS 样式更改单选按钮的外观。

总结

HTML Radio标签是一种用于创建单选按钮的HTML元素。这些单选按钮是互斥的，只能选择其中一个选项。通过名称和不同的值属性，将单选框分组。在表单提交时，名称和所选值将被捕获并发送到服务器。可以使用JavaScript脚本处理用户的输入，以及使用CSS样式改变其外观。