標籤label的用法

本文來自網址:http://www.jscode.cn/ArtHtml/Art7459.htm

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

運行下面代碼,按ALT+提示的字符試試效果

<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>
★可以點擊文字選取的多項選擇框:
<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>

發佈了9 篇原創文章 · 獲贊 2 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章