label 和 legend标签的用法-优快云博客

label 和 legend标签的用法

label标准用法: 一般浏览器都支持

一般而言,label标签位于表单元素的前面或者后面，为控件提供说明文字

<label for="user">用户名:</label><input type="text" name="user" id="user" />

for属性：能让用户点击文字，焦点定位在for指定的控件，提供更好的用户体验。

label新用法:（在浏览网页源码时，发现的)

label标签包含文字和控件,点击文字，同样有焦点定位到内部控件的作用

<label>用户名:<input type="text" name="user" /></label>

<label><span>用户名:</span><input type="text" name="user" /></label>

注:只有现代浏览器支持，ie6不支持，其他无测试！

legend标签

<legend>标签是一个inline元素，可以包含其他内联或块级元素

<fieldset>
    <legend>sometext</legend>
    <input type="text" value="haha" /> 
</fieldset>

<fieldset>
    <legend>
        <div style="background:blue;">sometext</div>
    </legend>
    <input type="text" value="nonono" /> 
</fieldset>

转载于:https://www.cnblogs.com/stephenykk/p/5366121.html