-----关于H5中的label标签的用法--------

一、label标签的作用

label标签来定义表单控制间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单内容上。

二、举例说明  

         label标签的for属性的效果就是,鼠标点击“女”实现radio选中的效果,主要 归功于for=nv 而且必须要求input文本框的id也等于nv,男这个radio作对比,没有这个效果。

  

1             <div>
2                 <label for="nan1">男</label>
3                 <input type="checkbox" id="nan" />
4                  <label for="nv">女</label>
5                 <input type="checkbox" id="nv" />
6             </div>            

原文地址:https://www.cnblogs.com/zjy850984598/p/10288427.html

时间: 2024-10-29 06:38:24

-----关于H5中的label标签的用法--------的相关文章

label标签的用法

label 标签for属性 <h1>显式指定通过for(for的值就是对应radio的id的值)</h1> <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female&quo

label 标签的用法,点label选中单选、复选框或文本框

<label>拥有的权限</label> <label class="checkbox" id="privilege_id" style="cursor: pointer;"> <input type="checkbox" name="privilege_id" id="privilege_id"> 添加权限 </label>

struts2 中&lt;s:select&gt;标签的用法

用struts2时要用到<s:select>标签 显示下拉式列表 jsp页面: <s:select name="styleCategory.styleId" list="styleList" listKey="styleId" listValue="styleName"> </s:select> 其中: name:  在action类中要添加如下代码 (setXX()和 getXX()方法)

jstl中&lt;c:if&gt;标签属性用法

今天用jstl+el从session域中获取属性,遇到了问题 org.apache.jasper.JasperException: <h3>Validation error messages from TagLibraryValidator for [c] in [/login.jsp]</h3><p>2: Illegal scope attribute without var in "c:if" tag.</p><p>19:

html5,表单与label标签的用法2

<form action="" autocomplete="on">    <input type="submit" value="搜索">    <select name="ss">        <optgroup label="11111">            <option value="A">a

Mybatis中的CDATA标签的用法

术语 CDATA 指的是不应由 XML 解析器进行解析的文本数据(Unparsed Character Data). 在 XML 元素中,"<" 和 "&" 是非法的. "<" 会产生错误,因为解析器会把该字符解释为新元素的开始. "&" 也会产生错误,因为解析器会把该字符解释为字符实体的开始. 某些文本,比如 JavaScript 代码,包含大量 "<" 或 "

mapper中的CDATA标签的用法

术语 CDATA 指的是不应由 XML 解析器进行解析的文本数据(Unparsed Character Data). 在 XML 元素中,"<" 和 "&" 是非法的. "<" 会产生错误,因为解析器会把该字符解释为新元素的开始. "&" 也会产生错误,因为解析器会把该字符解释为字符实体的开始. 某些文本,比如 JavaScript 代码,包含大量 "<" 或 "

22 css中长度值标签的用法

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> p{font-size:14px;text-indent:2em;} span{font-size:0.8em;} </style> </head> <body

JSTL中&amp;#60;c:set&amp;#62;标签的用法

<c:set>标签有两种不同的属性设置:var和target. var“版本”用于设置作用域属性,target“版本”用于设置bean属性或Map值. 这两个版本都有两种形式:有标签体和没有标签体.有标签体的只是放入值的另一种途径. ★ var“版本” 1. <c:set var="userLevel" scope="session" value="Cowboy"/>     2.      3. <c:set va