国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

網頁設計 TabIndex元素

2019-10-26 17:25:23
字體:
來源:轉載
供稿:網友
TabIndex就是按Tab鍵有順序的獲取定義過的TabIndex元素設置在各個元素之間的焦點。

  做過表單或者填寫過表單的人都會發現,使用Tab鍵可以逐一獲得每個input的焦點。這個東東其實也是可以修改的,比如不想被獲取,或者改變被獲取的順序。

  在填寫表單的時候(注冊登錄或其它),有很多用戶都是不通過鼠標,而直接按Tab鍵跳到下一個文本框的,等到所有的東東都填好,然后是提交,這是一個非常好和方便的功能。我個人的習慣是,在填寫完所有的東西時,提交一般都是用鼠標去點擊提交按鈕的,而且不希望Tab會使焦點跳到button上面,但我很少發現有使用Tab不會跳到button上的,不知道是不是個人習慣太BT了-_-!!!

  如果不想某個東東被獲取焦點,可以tabindex=-x,讓tabindex的值為負,這樣的話Tab就會直接跳過。

下面用一個簡單的表單做例:



提示:您可以先修改部分代碼再運行


復制代碼
代碼如下:
<form method="post" action="#">
<p><label for="t1">The first pressing Tab to set focus to textbox </label><input type="text" id="t1" tabindex="1" /></p>
<p><label for="t2">The Second pressing Tab to set focus to textbox </label><input type="text" id="t2" tabindex="2" /></p>
<p><label for="t3">The Third pressing Tab to set focus to textbox </label><input type="text" id="t3" tabindex="3" /></p>
<p>Press Tab, Not focusing to textbox <input type="submit" id="t4" tabindex="-1" value="SendInfo" /></p>
</form>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 渝中区| 芦溪县| 临猗县| 连江县| 昆明市| 乐业县| 桦南县| 福贡县| 柘城县| 会东县| 东方市| 临沂市| 大足县| 苍山县| 湘乡市| 文水县| 托里县| 宜州市| 伊川县| 福海县| 克东县| 永川市| 临朐县| 南昌市| 广南县| 大关县| 晋城| 裕民县| 罗定市| 博兴县| 甘洛县| 巴林左旗| 中山市| 威远县| 商南县| 万盛区| 佛山市| 凌海市| 井冈山市| 泰顺县| 汉沽区|