zoukankan      html  css  js  c++  java
  • html中label及加上属性for之后的用法

    定义和用法

    <label> 标签为 input 元素定义标签(label)。

    label 元素不会向用户呈现任何特殊的样式。不过,它为鼠标用户改善了可用性,因为如果用户点击 label 元素内的文本,则会切换到控件本身。

    <label> 标签的 for 属性应该等于相关元素的 id 元素,以便将它们捆绑起来。

    实例

    带有两个输入字段和相关标签的简单 HTML 表单:

    <form>
    <label for="male">Male</label>
    <input type="radio" name="sex" id="male" />
    <br />
    <label for="female">Female</label>
    <input type="radio" name="sex" id="female" />
    </form>




    例如:

    <!DOCTYPE HTML>
    <html>
    <body>

    <form>
    <label for="male">Male</label>
    <input type="radio" name="sex" id="male" />
    <br />
    <label for="female">Female</label>
    <input type="radio" name="sex" id="female" />
    </form>

    </body>
    </html>

    以上代码会显示如上图所示的效果,点击male和female或者两个圆点的时候,都能起到同样的效果

    也就是通过label和它的for属性,把操作方式联系在了一起








  • 相关阅读:
    构建之法阅读笔记02
    四则运算2
    第一周学习进度条
    简单四则运算
    构建之法阅读笔记01
    简读《构建之法》,所想问题展示
    介绍
    典型用户和用户场景描述
    工作总结03
    工作总结02
  • 原文地址:https://www.cnblogs.com/fengff/p/8276713.html
Copyright © 2011-2022 走看看