首頁(yè) > 設計 > WEB開(kāi)發(fā) > 正文

ACESSKEY的使用

2020-10-03 17:40:03
字體:
來(lái)源:轉載
供稿:網(wǎng)友

poorfish:

<Label>標識有兩個(gè)屬性,一個(gè)是FOR,一個(gè)是ACCESSKEY。FOR的意思是,這個(gè)Lable是為哪個(gè)元件服務(wù)的?而ACCESSKEY則定義了訪(fǎng)問(wèn)這個(gè)元件的熱鍵。比如,我們有一個(gè)名字叫Name的單行輸入框,我們是這樣定義這個(gè)元件的:<INPUT TYPE="TEXT" ID="Name" SIZE=30>,那么,我們的<label>可以如此定義:<LABEL FOR="Name" ACCESSKEY="N">姓  名(<U>N</U>):</LABEL>。大家可以看見(jiàn),這個(gè)<Label>是為那個(gè)ID為“Name”元件服務(wù)的,而ACESSKEY則定義了,這訪(fǎng)問(wèn)這個(gè)元件的熱鍵為“Alt+N”。

<FORM>
    <LABEL FOR="Namebox" ACCESSKEY="N">姓  名(<U>N</U>):</LABEL>
    <INPUT TYPE="TEXT" ID="Namebox" SIZE=30> <br>

    <LABEL FOR="Emailbox" ACCESSKEY="E">電子郵件(<U>E</U>):</LABEL>
    <INPUT TYPE="TEXT" ID="Emailbox" SIZE=30> <br>

    <LABEL FOR="Phonebox" ACCESSKEY="P">聯(lián)系電話(huà)(<U>P</U>):</LABEL>
    <INPUT TYPE="TEXT" ID="Phonebox" SIZE=30> <br>

    <LABEL FOR="areabox" ACCESSKEY="S" >留  言(<U>S</U>):</LABEL>
    <TEXTAREA ID="areabox" COLS="30" ROWS="3"></TEXTAREA> <br>
</FORM>

  ★可以點(diǎn)擊文字選取的多項選擇框:

  大家在網(wǎng)上看見(jiàn)的一些復選框,單選鈕都是要點(diǎn)那個(gè)小元件才能達到選擇的目的的,有沒(méi)有可能我們能通過(guò)點(diǎn)擊復選框或是單選鈕來(lái)達到選擇這個(gè)元件的目的呢?答案是顯然的,用<label>標識就可以達到這一目標,被<lable></lable>所包括的字就是可點(diǎn)擊的了。下面有一個(gè)示例,同樣是用了這個(gè)標識符。

<form>
    <input type="CHECKBOX" id="check1" value="often" name="checkoften">
    <label for="check1" >經(jīng)常來(lái)這里</label>
    <input type="CHECKBOX" id="check2" value="seldom" name="checkseldom">
    <label for="check2" >偶爾來(lái)看看</label>
</form>

★帶熱鍵的多項選擇框:

于是,一個(gè)帶熱鍵的改良型復選框就產(chǎn)生了。

<form>
    <input type="CHECKBOX" id="check3" value="often" name="checkoften">
    <label for="check3" ACCESSKEY="H">經(jīng)常來(lái)這里(<U>H</U>)</label>
    <input type="CHECKBOX" id="check4" value="seldom" name="checkseldom">
    <label for="check4" ACCESSKEY="L">偶爾來(lái)看看(<U>L</U>)</label>
</form>
--------------------------------------------------------------------------------------

moonight:

我也來(lái)插一語(yǔ)

<form name="form1" method="post" action="">
a
<input type="checkbox" name="checkbox2" value="checkbox" accesskey=a>
b
<input type="checkbox" name="checkbox" value="checkbox" accesskey=b>
c
<input type="checkbox" name="checkbox3" value="checkbox" accesskey=c>
d
<input type="checkbox" name="checkbox4" value="checkbox" accesskey=d>
</form>

這樣好像也行

發(fā)表評論 共有條評論
用戶(hù)名: 密碼:
驗證碼: 匿名發(fā)表