label 的属性及事例 ( 例:通过点击单选框后的文字来选择)

标识有两个属性,一个是FOR,一个是ACCESSKEY。FOR的意思是,这个Lable是为哪个元件服务的?而ACCESSKEY则定义了访问这个元件的热键。比如,我们有一个名字叫Name的单行输入框,我们是这样定义这个元件的:<INPUT TYPE="TEXT" ID="Name" SIZE=30>,那么,我们的可以如此定义:<LABEL FOR="Name" ACCESSKEY="N">姓  名(<U>N</U>):</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>

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

  大家在网上看见的一些复选框,单选钮都是要点那个小元件才能达到选择的目的的,有没有可能我们能通过点击复选框或是单选钮来达到选择这个元件的目的呢?答案是显然的,用标识就可以达到这一目标,被<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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值