<label> | HTML标记标签的定义与用法

由 hcduguo

定义与用法

  • <label> 标签为 input 元素定义标记（名称）；
  • label 元素不会呈现任何特殊效果。但当点击label 元素内文本时，会触发此控件，浏览器自动将焦点转到和标签相关的表单控件上。

提示：“for” 属性可把 label 绑定到另外一个元素。请把 “for” 属性的值设置为相关元素的 id 属性的值。

语法格式

<label for=””>……</label>

示例代码

<form>  
<div class="container">  
<center><h1>注册表单</h1> </center>  
<hr>  
<label for="yourname">姓名：</label>   
<input type="text" id="yourname" name="ftname" placeholder= "姓名" size="15" required />    
<div>  
<label for="gender">性别：</label>  
<br>  
<input type="radio" id="gender" value="Male" name="gender" checked>男
<input type="radio" id="gender" value="Female " name="gender">女
<input type="radio" id="gender" value="Other" name="gender">其它  
</div>  
<label for="Phone">电话：</label>  
<input type="text" name="country code" placeholder="国家代码"  value="+86" size="2"/>   
<input type="text" id="Phone" name="phone" placeholder="电话号码" size="10"/ required>   
<label for="email">邮箱：</label>  
<input type="text" id="email" placeholder="输入邮箱" name="email" required>  
<button type="submit" value="submit">提交</button>  
<button type="reset" value="submit">重置</button>  
</form>

注册表单


男 女 其它

浏览器支持

所有主流浏览器都支持 <label> 标签，Safari 2 或更早的版本不支持 <label> 标签。

标签属性

: HTML5新标签。

属性值描述
forid规定 label 绑定到哪个表单元素。
formformid规定 label 字段所属的一个或多个表单。

全局属性

<label> 标签支持 HTML 中的全局属性。

事件属性

<label> 标签支持 HTML 中的事件属性。

相关