label 标签属性的总结归纳
生活随笔
收集整理的這篇文章主要介紹了
label 标签属性的总结归纳
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<label> 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。
label 元素不會向用戶呈現(xiàn)任何特殊效果。當(dāng)用戶點擊相關(guān)文字時，瀏覽器就會自動將焦點轉(zhuǎn)移到該標(biāo)簽相關(guān)的表單控件上，即只要是點擊相關(guān)的文檔的文字，瀏覽器便可以自動幫助用戶選擇相關(guān)的表單控件。
<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。
相關(guān)屬性語法：
for：for規(guī)定label與哪個表單元素綁定
<html> <body> <p>請點擊文本標(biāo)記之一，就可以觸發(fā)相關(guān)控件：</p> <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <!-- label的for的值要與下面的表單控件input的id相同，當(dāng)點擊文字Male時，瀏覽器便會自動選擇id為male，name為sex的表單控件 --> <label for="female">Female</label> <input type="radio" name="sex" id="female" /> </form> </body> </html> <label>Date of Birth: <input type="text" name="DofB" /></label> <!-- label標(biāo)簽里面寫表單控件，可以省略for屬性。-->
form: form規(guī)定label綁定的一個或多個表單
<html> <body> <form action="demo_form.asp" method="get" id="genderform"> <label>Male <input type="radio" name="sex" id="male" value="male" /> </label> <br /> <label>Female <input type="radio" name="sex" id="female" value="female" /> </label> <input type="submit" value="提交" /> </form> <p>用于第一個單選按鈕的 label 位于 form 元素之外，但仍然是表單的一部分。請嘗試點擊這個 label，可以切換到 radio 控件。</p> <label for="male" form="genderform">sss</label> <!-- form的屬性值要與其所屬的ID對應(yīng) 當(dāng)點擊sss時，就會選擇for屬性male的表單元素控件 --> </body> </html>
總結(jié)
以上是生活随笔為你收集整理的label 标签属性的总结归纳的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ctrl跳转失败 studio uap_
- 下一篇： CSDN取消手机绑定