在页面实现中,需要罗列一组选项,例如一组水果,让用户只能选择其中一个,进行提交,在html中,我们可以添加input中type="radio"属性,实现单选框,文字内容则通过label标签添加
<
input
type
=
"
radio
"
name
=
"
fruit
"
id
="orange
"
>
<
label
for
=
"
orange
"
>
橙子
</
label
>
<
input
type
=
"
radio
"
name
=
"
fruit
"
id
="
banana
"
>
<
label
for
=
"
banana
"
>香蕉
</
label
>
<
input
type
=
"
radio
"
name
=
"
fruit
"
id
="apple
"
>
<
label
for
=
"
apple
"
>
苹果
</
label
>
1.将一组选项中input中name属性都设为fruit, name属性相同的input标签即为一组,单选框实现互斥效果
2.通过为input标签添加id,并和label for中的属性进行关联,实现单选框和文字的关联,点击文字,单选框选中,反之亦然.