论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > HTML教程
Tag:初学,入门,文字,链接,table,表单,框加,多媒体,标签,视频教程

HTML教程_Html中Label标记的介绍和使用

文章类别:HTML | 发表日期:2011-4-27 9:13:05

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”。

<LABEL FOR="txtName" ACCESSKEY="N">姓  名(<U>N</U>):</LABEL>

<INPUT TYPE="TEXT" ID="txtName" SIZE=30>Meil<br>

 

<LABEL FOR="txtUrl" ACCESSKEY="U">个人主页(<U>U</U>):</LABEL>

<INPUT TYPE="TEXT" ID="txtUrl" SIZE=30>http://www.livebaby.cn<br>

 

<LABEL FOR="txtPhonebox" ACCESSKEY="P">联系电话(<U>P</U>):</LABEL>

<INPUT TYPE="TEXT" ID="txtPhonebox" SIZE=30> <br>

<LABEL FOR="areabox" ACCESSKEY="S" >留  言(<U>S</U>):</LABEL>

<TEXTAREA ID="areabox" COLS="30" ROWS="3"></TEXTAREA>


  单选钮、复选框都要点击控件才能选中控件,而如果使用<label>标识就可以实现点击文字选取。

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

1<input type="CHECKBOX" id="chk1" value="often" name="chkoften">

2<label for="chk1" >经常来这里</label>

3<input type="CHECKBOX" id="chk2" value="seldom" name="chkseldom">

4<label for="chk2" >偶尔来看看</label>

带热键的多项选择框:

1<input type="CHECKBOX" id="chk3" value="often" name="chkoften">

2<label for="chk3" ACCESSKEY="H">经常来这里(<U>H</U>)</label>

3<input type="CHECKBOX" id="chk4" value="seldom" name="chkseldom">

4<label for="chk4" ACCESSKEY="L">偶尔来看看(<U>L</U>)</label>

视频教程列表
文章教程搜索
 
HTML推荐教程
HTML热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058