html container标签_<label> | HTML标记标签

定义与用法

• 标签为 input 元素定义标记(名称)；

• label 元素不会呈现任何特殊效果。但当点击label 元素内文本时，会触发此控件，浏览器自动将焦点转到和标签相关的表单控件上。

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

---

语法格式

……

---

示例代码

<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"/>   

<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>  

---

效果展示：

---

浏览器支持

IE	Firefox	Chrome	Safari	Opera

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

---

标签属性

: HTML5新标签。

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

---

全局属性

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

---

事件属性

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