label 的属性及事例

<Label>标识有两个属性，一个是FOR，一个是ACCESSKEY。FOR的意思是，这个Lable是为哪个元件服务的？而ACCESSKEY则定义了访问这个元件的热键。比如，我们有一个名字叫Name的单行输入框，我们是这样定义这个元件的：<INPUT TYPE="TEXT" ID="Name" SIZE=30>，那么，我们的<label>可以如此定义：<LABEL FOR="Name" ACCESSKEY="N">姓　　名（<U>N</U>）：</LABEL>。大家可以看见，这个<Label>是为那个ID为“Name”元件服务的，而ACESSKEY则定义了，这访问这个元件的热键为“Alt+N”。

<FORM>
　　　　<LABEL FOR="Namebox" ACCESSKEY="N">姓　　名（<U>N</U>）：</LABEL>
　　　　<INPUT TYPE="TEXT" ID="Namebox" SIZE=30> <br>

　　　　<LABEL FOR="Emailbox" ACCESSKEY="E">电子邮件（<U>E</U>）：</LABEL>
　　　　<INPUT TYPE="TEXT" ID="Emailbox" SIZE=30> <br>

　　　　<LABEL FOR="Phonebox" ACCESSKEY="P">联系电话（<U>P</U>）：</LABEL>
　　　　<INPUT TYPE="TEXT" ID="Phonebox" SIZE=30> <br>

　　　　<LABEL FOR="areabox" ACCESSKEY="S" >留　　言（<U>S</U>）：</LABEL>
　　　　<TEXTAREA ID="areabox" COLS="30" ROWS="3"></TEXTAREA> <br>
</FORM>

可以点击文字选取的多项选择框：

　　大家在网上看见的一些复选框，单选钮都是要点那个小元件才能达到选择的目的的，有没有可能我们能通过点击复选框或是单选钮来达到选择这个元件的目的呢？答案是显然的，用<label>标识就可以达到这一目标，被<lable></lable>所包括的字就是可点击的了。下面有一个示例，同样是用了这个标识符。

<form>
　　　　<input type="CHECKBOX" id="check1" value="often" name="checkoften">
　　　　<label for="check1" >经常来这里</label>
　　　　<input type="CHECKBOX" id="check2" value="seldom" name="checkseldom">
　　　　<label for="check2" >偶尔来看看</label>
</form>

带热键的多项选择框：

于是，一个带热键的改良型复选框就产生了。

<form>
　　　　<input type="CHECKBOX" id="check3" value="often" name="checkoften">
　　　　<label for="check3" ACCESSKEY="H">经常来这里（<U>H</U>）</label>
　　　　<input type="CHECKBOX" id="check4" value="seldom" name="checkseldom">
　　　　<label for="check4" ACCESSKEY="L">偶尔来看看（<U>L</U>）</label>
</form>

SPONSORS的广告

Previous and next post