zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    2
    网络对抗第四次实验恶意代码
    网络对抗第三次实验
    网络对抗第二次实验
    网络攻防第一次实验
    123
    数据结构
    第五次实验
    第二次实验
    Qt应用笔记
  • 原文地址:https://www.cnblogs.com/stephenykk/p/5366121.html
Copyright © 2011-2022 走看看