label 标签属性的总结归纳
生活随笔
收集整理的這篇文章主要介紹了
label 标签属性的总结归纳
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<label> 標簽為 input 元素定義標注（標記）。
label 元素不會向用戶呈現任何特殊效果。當用戶點擊相關文字時，瀏覽器就會自動將焦點轉移到該標簽相關的表單控件上，即只要是點擊相關的文檔的文字，瀏覽器便可以自動幫助用戶選擇相關的表單控件。
<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。
相關屬性語法：
for：for規定label與哪個表單元素綁定
<html> <body> <p>請點擊文本標記之一，就可以觸發相關控件：</p> <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <!-- label的for的值要與下面的表單控件input的id相同，當點擊文字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標簽里面寫表單控件，可以省略for屬性。-->
form: form規定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對應 當點擊sss時，就會選擇for屬性male的表單元素控件 --> </body> </html>
總結
以上是生活随笔為你收集整理的label 标签属性的总结归纳的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ctrl跳转失败 studio uap_
- 下一篇： CSDN取消手机绑定