2016-02-04 228 views
-2
<label for="male">Male</label> 
    <input type="radio" name="gender" id="male" value="male"><br> 

我正在嘗試學習WP小部件創建。在教程網站,這是發佈 -「For」中的標籤標籤

標題

<p> 
    <label for="message">Simple Message</label> 
    <textarea class="widefat" rows="16" cols="20" id="message" name="message">message...</textarea> 

</p> 

我很困惑這個部分 - 爲=「消息」

這是什麼意思「消息」只是一個像課堂或ID將在CSS樣式?或者我沒有正確通知?

+0

先生,我搜索了我找不到之前問過的問題請幫助我與鏈接? – somethingnow

回答

1

<label>for引用了<textarea>(消息)的標識。如果您然後點擊標籤,焦點將被設置爲<textarea>及相應的ID。

您也可以使用<label>包裝textarea。然後,您可以單擊<label>中的每個元素或文本,並將焦點也設置爲<textarea>

+0

非常感謝。如果我想更好地理解它,那麼它是CSS領域還是HTML領土? – somethingnow

+0

這是HTML的默認行爲。通常情況下,這些效果是使用JavaScript製作的,但是這個效果默認情況下是由瀏覽器提供的。樣式化頁面需要CSS(但也可用於動畫和轉換),但不能將其用於點擊行爲。 –

0

這意味着,標籤爲特定形式的輸入元件:在你的情況下,文本區域隨着messageid,或與maleid的單選按鈕。

當一個標籤用於特定的輸入元素時,點擊標籤就像點擊輸入本身一樣:單擊單選按鈕的標籤將選擇單選按鈕。

0

一個id唯一標識一個元素。一個類將一個元素標記爲一個組的一部分。

您可以編寫CSS以匹配基於類或其id的元素。

你可以編寫JavaScript來根據它的類或它的id找到一個元素。

您可以將#an_id放在URL的末尾,以便根據其ID直接鏈接到元素。

通過在for屬性中指定表單控件的id,可以將<label>與表單控件相關聯。

類和ID是HTML的東西,而不是CSS特定的東西。他們有很多目的。