HTML4.0的 Access Key

例程1:
  通常我们在制作form表单时,实现聚焦一般得用鼠标在form框中点选,下面的例子
都是用HTML4.0实现的,象windows菜单一样,首字符有下划线,用“ALT+首字符”就可
以降光标定位在form框内了。
  代码是这样的:
<FORM>
<LABEL FOR="Namebox" ACCESSKEY="N">Name:</LABEL>
<INPUT TYPE="TEXT" ID="Namebox" SIZE=30>
<LABEL FOR="Emailbox" ACCESSKEY="E">Email:</LABEL>
<INPUT TYPE="TEXT" ID="Emailbox" SIZE=30>
<LABEL FOR="Phonebox" ACCESSKEY="P">Phone:</LABEL>
<INPUT TYPE="TEXT" ID="Phonebox" SIZE=30>
<LABEL FOR="areabox" ACCESSKEY="S">Suggest</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>

版权声明:
作者:Kiyo
链接:https://www.wkiyo.cn/html/2008-01/i195.html
来源:Kiyo's space
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>