<menu id="ocigx"><listing id="ocigx"><em id="ocigx"></em></listing></menu><em id="ocigx"><track id="ocigx"><strong id="ocigx"></strong></track></em>
<ins id="ocigx"></ins>

<samp id="ocigx"></samp>

<mark id="ocigx"><ruby id="ocigx"><legend id="ocigx"></legend></ruby></mark><bdo id="ocigx"></bdo>
      <kbd id="ocigx"></kbd>
      首頁 > 設計 > WEB開發 > 正文

      ACESSKEY的使用

      2020-10-03 17:40:03
      字體:
      來源:轉載
      供稿:網友

      poorfish:

      <Label>標識有兩個屬性,一個是FOR,一個是ACCESSKEY。FOR的意思是,這個Lable是為哪個元件服務的?而ACCESSKEY則定義了訪問這個元件的熱鍵。比如,我們有一個名字叫Name的單行輸入框,我們是這樣定義這個元件的:<INPUT TYPE="TEXT" ID="Name" SIZE=30>,那么,我們的<label>可以如此定義:<LABEL FOR="Name" ACCESSKEY="N">姓  名(<U>N</U>):</LABEL>。大家可以看見,這個<Label>是為那個ID為“Name”元件服務的,而ACESSKEY則定義了,這訪問這個元件的熱鍵為“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">聯系電話(<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>

        ★可以點擊文字選取的多項選擇框:

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

      <form>
          <input type="CHECKBOX" id="check1" value="often" name="checkoften">
          <label for="check1" >經常來這里</label>
          <input type="CHECKBOX" id="check2" value="seldom" name="checkseldom">
          <label for="check2" >偶爾來看看</label>
      </form>

      ★帶熱鍵的多項選擇框:

      于是,一個帶熱鍵的改良型復選框就產生了。

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

      moonight:

      我也來插一語

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

      這樣好像也行

      發表評論 共有條評論
      用戶名: 密碼:
      驗證碼: 匿名發表