HTML5中label标签的可用性实例页面

代码:

HTML代码:
<h4>使用for和id关联控件</h4>
<p><label for="test">标签</label> <input name="input" type="text" id="test" /></p>

<h4>label标签包裹控件</h4>
<p><label>标签 <input name="input" type="text" /></label></p>

<h4>双管齐下</h4>
<p><label for="test2">标签 <input name="input" type="text" id="test2" /></label></p>
                

效果:

使用for和id关联控件

label标签包裹控件

双管齐下