单选按钮点击文字也会被选中

HTML标签radio是单选按钮,正常情况下,我们只有点击单选框时才会被选中,这样非常不利于用户体验,所以我们一般会在使用单选按钮的时候,让用户即使点击到该单选按钮对应的文字上,也可以选择该单选按钮,使用的就是一个label的一个for属性,把这个for属性指定到radio的id值上即可:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <span><input type="radio" name="checkusername" id = "checkusername" /></span>
    <label for="checkusername" class="remberun">记住用户名</label>
    <span><input type="radio" name="checkpwd" id = "checkpwd" /></span>
    <label for="checkpwd" class="remberpw">记住密码</label>
    <br>
    <input type="radio" id="male" name="sex" checked="checked" />
    <label for="male">男</label>
    <input type="radio" id="female" name="sex" />
    <label for="female">女</label>
</body>
</html>
虚拟主机
《JavaScript从入门到精通》PDF
【深入浅出Node.js】PDF
《Javascript语言精粹》PDF
《JavaScript高级程序设计(第3版)》PDF
广告也精彩