zoukankan      html  css  js  c++  java
  • label 标签

    在表单布局中会遇到label标签的使用,label没有任何样式效果,有触发对应表单控件功能。
    比如我们点击单选按钮或多选框前文字对应选项就能被选中,这个就是对文字加了<label>标签实现。

    一、点击文字,对应选择上控件   -   TOP

    点击<label>标签文字时,实现对应控件被选择,需要对应表单控件id的值与label标签内的for值相同。

    二、label语法   -   TOP

    <label for="man">男</label>
    Label标签内文字更加需要填写
    Label标签内for属性的值为自定义,一般与想实现点击会触发控件对象的ID对应相同。

    三、label案例   -   TOP

    HTML代码片段如下:

    1. <form action="" method="get"
    2. 性别:<br /> 
    3. <input name="sex" id="man" type="radio" value="" /> 
    4. <label for="man">男</label
    5. <input name="sex" id="woman" type="radio" value="" /> 
    6. <label for="woman">女</label
    7. </form

    注意查看,input标签内id的值与label标签内for的值对应。

    html label标签用法案例
    html label标签用法案例截图

  • 相关阅读:
    等价表达式
    读入字符串
    n以内质数占的比例
    图论——最小生成树_prim
    搜索
    图论——最小生成树
    线段树模板
    WC总结
    三练斜率优化
    斜率优化技巧——换个角度思考
  • 原文地址:https://www.cnblogs.com/tian114527375/p/4912391.html
Copyright © 2011-2022 走看看