[2016-01-15][html][选择框只能点框选择,不能点标题来选择]

[2016-01-15][html][选择框只能点框选择,不能点标题来选择]
把控件放入 <label></label>中间即可
<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。
不过，它为鼠标用户改进了可用性。
如果您在 label 元素内点击文本，就会触发此控件。
就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同 


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
    <head>
        <title>这里是标题</title>
        <meta charset="utf-8">
    </head>
    <body>
    <label>
    <input type = "radio" name="sex" value="m">男
    </label>
    <label>
    <input type = "radio" name="sex" value="f">女
    </label><br>
    <label>
    <input type = "checkbox" name="sex" value="m">男
    </label>
    <label>
    <input type = "checkbox" name="sex" value="f">女
    </label><br>
    </body>
</html>


来自为知笔记(Wiz)


posted on 2016-01-15 17:31  红洋  阅读(350)  评论(0)    收藏  举报

导航