您的位置:首页 - 教程 - web前端 - 正文
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>

评论: