一些別的標識做不到的事。讓我們先來看一下面的例子。
★一個帶熱鍵的Form:(你可以用“Alt+下劃線字母”來訪問各字段)
姓 名(N): 電子郵件(E): 聯系電話(P): 留 言(S):
怎么樣?不錯吧。這主要是通過<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”。以下就是上面那個示例的HTML源碼:
<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>所 包括的字就是可點擊的了。下面有一個示例,同樣是用了這個標識符。
經常來這里 偶爾來看看
下面是這個示例的HTML源碼:
<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>
★帶熱鍵的多項選擇框:
于是,一個帶熱鍵的改良型復選框就產生了。
經常來這里(H) 偶爾來看看(L)
<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>
怎么樣?這就是<label>的妙用,它可以用在別的HTML元件上,會有不同的功能哦。
|