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

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

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

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

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

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

下面用一個(gè)簡(jiǎn)單的表單做例:

提示:您可以先修改部分代碼再運(yùn)行


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

標(biāo)簽:寧波 延安 日照 贛州 寧夏 衡水 濟(jì)寧 ???/a>

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《網(wǎng)頁設(shè)計(jì) TabIndex元素》,本文關(guān)鍵詞  網(wǎng)頁設(shè)計(jì),TabIndex,元素,網(wǎng)頁設(shè)計(jì),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《網(wǎng)頁設(shè)計(jì) TabIndex元素》相關(guān)的同類信息!
  • 本頁收集關(guān)于網(wǎng)頁設(shè)計(jì) TabIndex元素的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章