label 的属性及事例
来源:互联网 发布:通风管道制作软件 编辑:程序博客网 时间:2024/04/30 02:25
<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>
- label 的属性及事例
- label 的属性及事例
- HTML <label> 标签的 for 属性的用法及作用
- label 的基本属性
- label的for属性
- label标签的for属性
- label标签的for属性
- label标签的for属性
- HTML <label> 的 for 属性
- label标签的for属性
- label标签的for属性
- ztree插件的使用及事例
- Html的label的for属性
- label标签的for属性的作用
- label标签的for属性用法
- AS3 中Label相关属性的设置
- HTML之Label标签的for属性
- <label>标签for属性的妙用
- 003-0001 T-SQL语法
- window,document,onload 和attachEvent
- Microsoft office 2007 word PPT 转pdf的插件
- C# 连接sql2005 且 查询
- 用TweenLite实现类似amazon window shop效果。
- label 的属性及事例
- 通过PHPMYADMIN备份&恢复discuz数据库
- Spring定时器设置详解释
- 不用CSDN了
- 快速把web项目部署到weblogic上
- document.referrer 用法
- js 获取某个标签元素的left
- hibernate连接异常
- Using a Console in Winform Application