1. label標簽
<label>
標簽為 input
元素定義 標注(標記)
吓妆。
label 元素不會向用戶呈現(xiàn)任何特殊效果赊时。不過,它為鼠標用戶
改進了可用性
行拢。
如果您在 label 元素內(nèi)點擊文本祖秒,就會觸發(fā)此控件。就是說舟奠,當用戶選擇該標簽時竭缝,瀏覽器就會自動將焦點轉(zhuǎn)到和標簽相關(guān)的表單控件上。
<label> 標簽的 for 屬性
應(yīng)當與相關(guān)元素的 id 屬性
相同沼瘫。
2.單選框
- input設(shè)置
type
為radio
- 多個選擇項抬纸,設(shè)置
同一name
值 -
value
屬性,用于傳值 -
id
與label
中的for屬性值一致
-
checked
用于默認選中
<form>
性別:
<input type="radio" name="sex" value="boy" id="inputIdName1" />
<label for="inputIdName1">男</label>
<input type="radio" name="sex" value="girl" id="inputIdName2" />
<label for="inputIdName2">女</label>
</form>
3. 復(fù)選框
- type為
checkbox
- name不唯一
<form>
你喜歡哪些水果耿戚?
<br/>
<input type="checkbox" name="apple">蘋果
<input type="checkbox" name="banana">香蕉
<input type="checkbox" name="pear">梨子
</form>