HTML4.0的 Access Key

王朝html/css/js·作者佚名  2006-11-24
宽屏版  字体: |||超大  

例程1:

通常我们在制作form表单时,实现聚焦一般得用鼠标在form框中点选,下面的例子都是用HTML4.0实现的,象windows菜单一样,首字符有下划线,用“ALT+首字符”就可以降光标定位在form框内了。

代码是这样的:

<FORM>

<LABEL FOR="Namebox" ACCESSKEY="N"><U>N</U>ame:</LABEL>

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

<LABEL FOR="Emailbox" ACCESSKEY="E"><U>E</U>mail:</LABEL>

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

<LABEL FOR="Phonebox" ACCESSKEY="P"><U>P</U>hone:</LABEL>

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

<LABEL FOR="areabox" ACCESSKEY="S"><U>S</U>uggest</LABEL>

<TEXTAREA ID="areabox" COLS="10" ROWS="2"></TEXTAREA>

</FORM>

...标签产生下划线;

For="Name"和ID="Name"中的Name是一致的。

ACCESSKEY=... 设置“热键”。

例程2:

看看下面的选择框范例,它的微妙之处在于,选择项目时不必非得在框内点击鼠标了,在文本上选择即可。不信试一试吧。

<form>

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

<input type="CHECKBOX" id="check1" value="often" name="checkoften">

<label for="check2">偶尔来看看</label>

<input type="CHECKBOX" id="check2" value="seldom" name="checkseldom">

</form>

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