創建詞條
登錄/註冊
accessKey
accessKey
用於html
網頁代碼
，網頁的一種屬性，支持該屬性的標籤有, , , , , 以及。accesskey 屬性規定激活（使元素獲得焦點）元素的快捷鍵。
目錄
1
編程術語
2
HTML4.01 與 HTML5 之間的差別
3
用法
編程術語
示例：
屬性 -- 代錶鏈接的快捷鍵訪問方式
定義了accesskey的鏈接可以使用快捷鍵(ALT+字母或者ALT+Shift+字母)訪問.
主菜單與導航菜單使用accesskey,通常是不錯的選擇.
HTML4.01 與 HTML5 之間的差別
在
HTML 4
.01 中, accesskey 屬性可使用於:
,
,
,
,
,
和
。</div><div class="cp">在 HTML5 中, accesskey 屬性可用於任何 HTML 元素。</div><div class="catlog-title is-1"><h3>用法</h3><a id="catalog_3" class="title-anchor"></a></div><hr class="border-1"><div class="cp">HTML教程標籤中的AccessKey屬性相當於Windows應用程序中的Alt快捷鍵。該屬性可以設置某個<a target="_blank" href="/wiki/qg2xlq5rmkqvz05.html" title="HTML">HTML</a>元素的快捷鍵，這樣就可以不用滑鼠定位某個頁面元素，而只用快捷鍵Alt 鍵和某個字母鍵，就可以快速切換定位到頁面對象上。示例：</div><div class="cp"><form></div><div class="cp"><label for="userName" accesskey="n"></div><div class="cp"><u>N</u>ame:<input type="text" id="userName" size="30" /></div><div class="cp"></label></div><div class="cp"><br /></div><div class="cp"><label for="password" accesskey="p"></div><div class="cp"><u>P</u>ass:<input type="password" id="password" size="30" /></div><div class="cp"></label></div><div class="cp"><br /></div><div class="cp"><label for="email" accesskey="e"></div><div class="cp"><u>E</u>mail:<input type="text" id="email" size="30" /></div><div class="cp"></label></div><div class="cp"><br /></div><div class="cp"><label for="address" accesskey="a"></div><div class="cp"><u>A</u>ddress:<input type="text" id="address" size="30" /></div><div class="cp"></label></div><div class="cp"><br /></div><div class="cp"><label for="hobby" accesskey="h">愛好:</label></div><div class="cp"><input type="checkbox" id="hobby" /></div><div class="cp"><label for="food" accesskey="f">菜系:</label></div><div class="cp"><input type="checkbox" id="food" /></div><div class="cp"><br /></div><div class="cp"><a href="index.html" accessKey="l">鏈接</a></div><div class="cp"></form></div><div class="cp">注意：1.以上的For和ID中的值必須保持一致；</div><div class="cp">2.AccessKey屬性設置“熱鍵”（頁面快捷鍵）。</div><div style="clear: both"></div></div></div></div><div class="column is-narrow is-full-touch"><div class="sidebar"><div class="info-box"><div class="catlog-title is-2"><h4>基本信息</h4></div><div><dl><dt>外文名</dt><dd><div><span>accessKey</span></div></dd></dl></div></div></div></div></div><ul id="fixbar"><li class="gotop"><span class="icon is-large"><i class="iconf i-dingbu"></i></span></li><li class="dir"><span class="icon is-medium"><i class="iconf i-dir"></i></span><span class="bar-font">目錄</span></li></ul></div></div><footer class="py-5 footer"><div class="container has-text-centered"><a target="_blank" rel="nofollow" href="/site/privacy">隱私條款</a><span> | </span><a target="_blank" rel="nofollow" href="/site/contact">聯絡我們</a></div></footer><div class="modal" id="dir-modal"><div class="modal-background"></div><div class="modal-card"><header class="modal-card-head"><p class="modal-card-title">目錄</p><button class="delete" aria-label="close"></button></header><section class="modal-card-body"></section></div></div><script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script><script src="https://i1.twwiki.net/js/com.min.js?v=12"></script><script async src="https://www.googletagmanager.com/gtag/js?id=G-PQB6P4TLQ5"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-PQB6P4TLQ5');</script></body></html>