0089.htm

来自「新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编」· HTM 代码 · 共 64 行

HTM
64
字号
<html>

<head>
<title>新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
body, table {font-size: 9pt; font-family: 宋体}
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
.1  {background-color: rgb(245,245,245)}
-->
</style>
</head>
<p align="center"><script src="../../1.js"></script></a>
    <p align="center"><big><strong>HTML4.0的 Access Key</strong></big></p>

<div align="right">---摘自海脉</div>
  例程1:<br>
<br>
  通常我们在制作form表单时,实现聚焦一般得用鼠标在form框中点选,下面的例子都是用HTML4.0实现的,象windows菜单一样,首字符有下划线,用“ALT+首字符”就可以降光标定位在form框内了。<br>
<br>
  代码是这样的:<br>
<br>
<br>
&lt;FORM&gt;<br>
<br>
&lt;LABEL FOR=&quot;Namebox&quot; ACCESSKEY=&quot;N&quot;&gt;&lt;U&gt;N&lt;/U&gt;ame:&lt;/LABEL&gt;<br>
&lt;INPUT TYPE=&quot;TEXT&quot; ID=&quot;Namebox&quot; SIZE=30&gt; <br>
<br>
&lt;LABEL FOR=&quot;Emailbox&quot; ACCESSKEY=&quot;E&quot;&gt;&lt;U&gt;E&lt;/U&gt;mail:&lt;/LABEL&gt;<br>
&lt;INPUT TYPE=&quot;TEXT&quot; ID=&quot;Emailbox&quot; SIZE=30&gt; <br>
<br>
&lt;LABEL FOR=&quot;Phonebox&quot; ACCESSKEY=&quot;P&quot;&gt;&lt;U&gt;P&lt;/U&gt;hone:&lt;/LABEL&gt;<br>
&lt;INPUT TYPE=&quot;TEXT&quot; ID=&quot;Phonebox&quot; SIZE=30&gt; <br>
<br>
&lt;LABEL FOR=&quot;areabox&quot; ACCESSKEY=&quot;S&quot;&gt;&lt;U&gt;S&lt;/U&gt;uggest&lt;/LABEL&gt;<br>
&lt;TEXTAREA ID=&quot;areabox&quot; COLS=&quot;10&quot; ROWS=&quot;2&quot;&gt;&lt;/TEXTAREA&gt; <br>
<br>
&lt;/FORM&gt; <br>
<br>
  ...标签产生下划线;<br>
<br>
  For=&quot;Name&quot;和ID=&quot;Name&quot;中的Name是一致的。<br>
<br>
  ACCESSKEY=... 设置“热键”。<br>
<br>
  例程2:<br>
<br>
  看看下面的选择框范例,它的微妙之处在于,选择项目时不必非得在框内点击鼠标了,在文本上选择即可。不信试一试吧。<br>
<br>
<br>
&lt;form&gt;<br>
&lt;label for=&quot;check1&quot;&gt;经常来这里&lt;/label&gt; <br>
&lt;input type=&quot;CHECKBOX&quot; id=&quot;check1&quot; value=&quot;often&quot; name=&quot;checkoften&quot;&gt;<br>
&lt;label for=&quot;check2&quot;&gt;偶尔来看看&lt;/label&gt; <br>
&lt;input type=&quot;CHECKBOX&quot; id=&quot;check2&quot; value=&quot;seldom&quot; name=&quot;checkseldom&quot;&gt;<br>
&lt;/form&gt;<br>

  </table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?