上一篇:让表格闪起来的技巧 >>
Label 标识的妙用(转)
★一个带热键的Form:(你可以用“Alt+下划线字母”来访问各字段)
姓 名(N):
电子邮件(E):
联系电话(P):
留 言(S):
怎么样?不错吧。这主要是通过<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”。以下就是上面那个示例的HTML源码:
<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>所
包括的字就是可点击的了。下面有一个示例,同样是用了这个标识符。
经常来这里 偶尔来看看
下面是这个示例的HTML源码:
<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>
★带热键的多项选择框:
于是,一个带热键的改良型复选框就产生了。
经常来这里(H) 偶尔来看看(L)
<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>的妙用,它可以用在别的HTML元件上,会有不同的功能哦。
相关文章:
- · 使用javascript改进你的框架 (摘)
- · 这是我在网上摘入的,贴上来与大家一起学习学习。 在javascript中应用Object(1)
- · 在javascript中应用Object (2)
- · 在javascript中应用Object (3)
- · 对连串英文自动换行的解决方法 IE5.5
- · 在html文件引入其它html文件的几种方法
- · 两种屏蔽鼠标右键的方法
- · 如何让页面只自动刷新一次
- · 再继(太长了)
- · 继(太长了)
- · 加密页面代码生成器
- · ASCII 字形生成器
- · IE 5.5 的内置编辑器(在MSDN ONLINE翻出来的资料)
- · 滚动条颜色生成器IE5.5+
- · 设置open方法中的参数
- · 打开页面就是全屏的方法
- · javascript 实现下拉列表连动,提示:Array not defined
- · 利用javascript实现时间段的查询
- · 表单填写时用 回车 代替 TAB 的实现方式
- · javascript里类似select case 该如何用?
- · javascript里类似select case 该如何用?
- · 在javascript 里面有没有检查日期格式的函数?
- · js中with的和case的用法
- · asp的cookie本身不设置的话默认的是application的path=/,所以不设关系不大,expires要设。给你netscape...
- · html的标准里这样写的。
- · Dreamweaver 4 & UltraDev 4两个BUG(字体设置不能保存和行号显示错位)的解决方法
- · 一个DHTML的例子——3D文字
- · 如何做页面自动刷新,又不用让用户按回车键来提交数据!(大功告成)
- · javascript对象与数组参考大全1
- · javascript对象与数组参考大全2
- · 一个点击后自动滚屏的例子!
- · 一个鼠标自动移动的js例子!
- · window.showModalDialog()中有三个参数,各有什么用,请举例!
- · 三级下拉框连动的数据库版!
- · 给一个类增加属性和方法?看看这个够不够?
- · 在网页中实现OICQ里的头像选择的下拉框 (附例子)
- · 请看用javascript设置和读取cookie的简单例子.....
- · 请看被打开的子窗口继承父窗口定义的styleSheets的例子
