HTML label標簽的for屬性--input標簽的accesskey屬性


本次示例是在firefox演示(如果其他瀏覽器對accesskey操作不成功的,請參考文章最后各瀏覽器下的快捷鍵)
label的for屬性是和input的id綁定,當我們點擊input前面的文本標識會自動聚焦到文本框,例如:
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <form>
        <label for="name">用戶名</label>
        <input type="text" name="name" accesskey="c" id="name" />
        <br/>
        <a href='./show.php' accesskey="h">去我的主頁</a>
    </form>
</body>
</html>

 這個例子,當我點擊用戶名的時候,會自動聚焦到文本框里頭,也就是光標會自動定位到文本框里

 

 
        

accesskey 屬性規定激活(使元素獲得焦點)元素的快捷鍵。

注釋:以下元素支持 accesskey 屬性:<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。

以上示例 : shift+alt+c值 ,可以發現光標聚焦到該input內

             shift+alt+h值 ,可以發現頁面跳轉到該a標簽的href地址

---------------------------------------------------------------------------

各種瀏覽器下accesskey快捷鍵的使用方法

IE瀏覽器

按住Alt鍵,點擊accesskey定義的快捷鍵(焦點將移動到鏈接),再按回車.

FireFox瀏覽器

按住Alt+Shift鍵,點擊accesskey定義的快捷鍵.

Chrome瀏覽器

按住Alt鍵,點擊accesskey定義的快捷鍵.

Opera瀏覽器

按住Shift鍵,點擊esc,出現本頁定義的accesskey快捷鍵列表可供選擇.

Safari瀏覽器

按住Alt鍵,點擊accesskey定義的快捷鍵.

 

 

 

 
       


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM