首页 > 你问我答 > 怎样用label标签点击单选按钮旁边的文字时也可以选中单选按钮?

怎样用label标签点击单选按钮旁边的文字时也可以选中单选按钮?

用鼠标单击一个控件时,可以使控件获得焦点。利用 <label> 标签可以把控件和网页上的另一个元素关联起来,当单击关联的元素时,控件也能获得焦点。

<label> 标签有两种用法:

1、用 <label> 标签把控件和它关联的元素括起来。

例:

<label><input type="radio" name="rr" checked="true" />选项1</label>&nbsp;&nbsp;
<label><input type="radio" name="rr" />选项2</label>&nbsp;&nbsp;
<label><input type="radio" name="rr" />选项3</label>

效果为:

     

本例中,用 <input> 标签定义了三个单选按钮,当未使用 <label> 标签时,你必须单击单选按钮,才能使它获得焦点。现在,当你单击单选按钮旁边的文字时,它也可以获得焦点。

这种方法适用于控件和关联的元素是挨在一起的情况。特别适合把单选按钮或复选框与其相邻的文字关联起来。

2、用 <label> 标签的 for 属性把控件和元素关联起来。

<label> 标签可以带一个 for 属性,它的值是控件的 id 值,这样 <label> 标签定义的元素就与指定的控件关联起来了。

这种方法适用于控件和关联的元素不在一起的情况。





你问我答->

1 则回应给 “怎样用label标签点击单选按钮旁边的文字时也可以选中单选按钮?”

  1. TraceyDorsey24 说道:

    Some time ago, I needed to buy a car for my organization but I did not have enough money and couldn’t purchase something. Thank God my sister suggested to take the loans from banks. Thence, I did that and was satisfied with my consolidation loan.

发表评论

无觅相关文章插件,快速提升流量