1. 程式人生 > >HTML:form表單中的label標籤

HTML:form表單中的label標籤

label標籤不會向用戶呈現任何特殊效果,它的作用是為滑鼠使用者改進了可用性。如果你在 label 標籤內點選文字,就會觸發此控制元件。就是說,當用戶單擊選中該label標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制元件上(就自動選中和該label標籤相關連的表單控制元件上)。

語法:

<label for="控制元件id名稱">

注意:標籤的 for 屬性中的值應當與相關控制元件的 id 屬性值一定要相同。

例子如下:

<form>
	你對什麼運動感興趣:<br />
	<label for="jog">慢跑</label>
	<input type="checkbox" name="jog" id="jog" /><br />
	<label for="climb">登山</label>
	<input type="checkbox" name="climb" id="climb" /><br />
	<label for="basketball">籃球</label>
	<input type="checkbox" name="basketball" id="basketball" />
</form>