点击控件前面的文字使该控件获得焦点或者被选中

很多时候,我们总希望通过点击控件前面的文字就能够使该控件获得焦点或者被选中,例如:

姓名:<input id="name" type="text" /> 显示为: 

 我们希望点击用户名三个字就能使文本框获得焦点或者 点击学生等文字就能使按钮选中,我们可以做如下修改,将文本放在一个lable中,并设置lable的for属性,值为文字后控件的id,具体如下:

<label for="name">姓名:</label><input id="name" type="text" />

<input type="radio" id="stu" name="zhiye"/><label for="stu">学生</label>

<input type="radio" id="worker" name="zhiye"/><label for="worker">公司职员</label>

<input type="radio" id="qita" name="zhiye"/><label for="qita">其他</label>

完成

posted @ 2010-08-25 23:12  泪的诺言lni  阅读(427)  评论(0编辑  收藏  举报