html之lable

encienqi發表於2011-02-10

lable這個以前也見過,只是從來沒注意過,今天才發現原來這個東西還是挺好用的,主要就是它的for功能

為空間定義lable。當你按了label中的文字,可以讓文字與控制元件聯絡在一起

<form name="input" action="">
<input type="radio" name="input" id="input1" value="1"><label for="input1">請點我</label >

<input type="radio" name="input" id="input2" value="2"><label  for="input2">click me</label >


<br>

<label  for="text">請點我</label >

<textarea name="text" id="text" value="text" onfocus="this.select();">
點它就等於點我
</textarea>
</form>


很容易看出lable的作用,即指向for所指向的元素,作用等同於點選for指向的元素

可以簡寫
<label>
<input type="radio" onclick="alert('radio is clicked');">點選了
</label>

相關文章