AcessKey的使用

王朝厨房·作者佚名  2007-01-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”。

代码如下:

<FORM><br />

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

<INPUT TYPE="TEXT" ID="Namebox" SIZE=30> <br><br />

<LABEL FOR="Emailbox" ACCESSKEY="E">电子邮件(<U>E</U>):</LABEL><br />

<INPUT TYPE="TEXT" ID="Emailbox" SIZE=30> <br><br />

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

<INPUT TYPE="TEXT" ID="Phonebox" SIZE=30> <br><br />

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

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

</FORM> <br />

★可以点击文字选取的多项选择框:<br />

<form><br />

<input type="CHECKBOX" id="check1" value="often" name="checkoften"><label for="check1" >经常来这里</label> <br />

<input type="CHECKBOX" id="check2" value="seldom" name="checkseldom"><label for="check2" >偶尔来看看</label> <br />

</form><br />

★带热键的多项选择框:<br />

<form><br />

<input type="CHECKBOX" id="check3" value="often" name="checkoften"><label for="check3" ACCESSKEY="H">经常来这里(<U>H</U>)</label> <br />

<input type="CHECKBOX" id="check4" value="seldom" name="checkseldom"><label for="check4" ACCESSKEY="L">偶尔来看看(<U>L</U>)</label> <br />

</form>

[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有