DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 通過label標記實現單選框點擊文字也能選中
通過label標記實現單選框點擊文字也能選中
編輯:HTML和Xhtml     
<label> 標簽為 input 元素定義標注(標記)。label 元素不會向用戶呈現任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本,就會觸發此控件。就是說,當用戶選擇該標簽時,浏覽器就會自動將焦點轉到和標簽相關的表單控件上。<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同

實例1:

復制代碼代碼如下:
<label for="man">
<input type="radio" value="男" name="man" id="man"/>

</label>
<label for="man2">
<input type="radio" value="女" name="man" id="man2"/>

</label>

實例2:

復制代碼代碼如下:
<input type="checkbox" name="Pages" value="Job" id="Job" ><label for="Job">添加、編輯招聘信息</label>

<input type="checkbox" name="Pages" value="JobQuery" id="JobQuery" &gt;<label for="JobQuery">查詢、刪除招聘信息</label>

<input type="checkbox" name="Pages" value="Technology" id="Technology" checked&gt;<label for="Technology">添加、修改科技項目</label>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved