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>
  • 相关阅读:
    CSRF-防御与攻击
    windows 命令
    Integer.parseInt(String str, int i)
    springCloud springmvc 七牛云存储整合百度富文本编辑器
    jsp 文件
    标签的使用
    富文本编辑器
    项目总结 js
    namenode 和 datanode 节点
    Hadoop wordcount
  • 原文地址:https://www.cnblogs.com/stephenykk/p/5366121.html
Copyright © 2011-2022 走看看