HTML中Access Key（存取鍵）的用法

2024-04-27 13:54:54

字體：大中小

來源：轉載

供稿：網友

所謂“存取鍵”就像 windows 應用程序中的 Alt 快捷鍵，同時按 Alt 鍵和某個字母鍵，可以快速切換到文本框、按鈕等頁面對象上。

(1)、文本框的 access Key：
<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="areabox" ACCESSKEY="S"><U>S</U>uggest</LABEL>
<TEXTAREA ID="areabox" COLS="10" ROWS="2"></TEXTAREA>
</FORM>
其中的 <U>…</U> 標簽產生下劃線；For="Name" 和 ID="Name" 中的 Name 是一致的；ACCESSKEY=… 設置“熱鍵”。

(2)、選擇框的 Acsess Key：選擇項目時不必非得在框內點擊鼠標了，在文本上選擇即可：
<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>

(3)、鏈接的快捷鍵：
按 Alt+[字母] 就可以打開一個鏈接，方便不方便?
<A HREF="your_page.htm" ACCESSKEY="A">按 Alt+A 打開該鏈接</A>

上一篇：HTML之字體標記

下一篇：HTML之圖形標記