HTML input radio是一种用于选择一个选项的输入元素。它可以让用户从一组选项中选择一个。
以下是一个HTML input radio的实例:
<form>
<input type="radio" id="option1" name="options" value="option1">
<label for="option1">Option 1</label>
<input type="radio" id="option2" name="options" value="option2">
<label for="option2">Option 2</label>
<input type="radio" id="option3" name="options" value="option3">
<label for="option3">Option 3</label>
</form>
在上面的例子中,我们创建了一个包含三个选项的radio按钮组。每个选项都使用input
元素和label
元素进行组合。
input
元素的type
属性设置为radio
,以指定它是一个radio按钮。
id
属性用于唯一标识每个选项。
name
属性用于将这些选项分组在一起。这意味着用户只能从同一组中选择一个选项。
value
属性用于指定选项的值。这个值将在用户选择该选项时发送到服务器。
label
元素的for
属性与对应的input
元素的id
属性相匹配,以便用户在点击标签时选择相应的选项。
在上面的例子中,用户只能选择一个选项,因为它们都有相同的name
属性。如果你想允许用户选择多个选项,你可以将每个选项的name
属性设置为不同的值。
使用CSS样式可以自定义radio按钮的外观。可以应用不同的样式来突出显示选中的选项。
以上是HTML input radio的基本用法和一个简单的实例。你可以根据自己的需求来扩展和修改这个实例。