主頁 > 知識庫 > 網(wǎng)頁設(shè)計 TabIndex元素

網(wǎng)頁設(shè)計 TabIndex元素

熱門標(biāo)簽:天津銷售電銷機(jī)器人公司 邵陽市地圖標(biāo)注app 400電話申請好不好 400電話座機(jī)怎么辦理 齊齊哈爾地圖標(biāo)注地點 縣域地圖標(biāo)注點 南寧銷售外呼系統(tǒng)線路商 電銷機(jī)器人外呼失敗怎么回事 吃雞地圖標(biāo)注設(shè)置
TabIndex就是按Tab鍵有順序的獲取定義過的TabIndex元素設(shè)置在各個元素之間的焦點。

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

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

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

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

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


復(fù)制代碼
代碼如下:

<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>

  使用Tab鍵,獲取焦點的順序就是通過tabindex的值大小來排序的。上面的例子依次獲得焦點的是t1, t2, t3, 到t4的時候,由于TabIndex的值為-1,所以t4不會獲得焦點,而是直接跳到下一個獲取焦點的元素上。
  t1, t2, t3, t4的TabIndex值可以根據(jù)實際需求任意更改,Tab焦點根據(jù)值由小到大被獲得。
TabIndex就是用來做這些滴。。。

標(biāo)簽:寧波 延安 日照 贛州 寧夏 衡水 濟(jì)寧 巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《網(wǎng)頁設(shè)計 TabIndex元素》,本文關(guān)鍵詞  網(wǎng)頁設(shè)計,TabIndex,元素,網(wǎng)頁設(shè)計,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。

  • 相關(guān)文章
  • 下面列出與本文章《網(wǎng)頁設(shè)計 TabIndex元素》相關(guān)的同類信息!
  • 本頁收集關(guān)于網(wǎng)頁設(shè)計 TabIndex元素的相關(guān)信息資訊供網(wǎng)民參考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章