2010-04-27 21 views
3

如果我有以下幾點:如何設置「標籤」HTML元素的ID?

   <label for="deletetxt">Delete This Text</label> 

什麼是「爲」這裏的屬性?這是身份證嗎?

假設我無法爲標籤元素設置類來設計標籤元素的樣式,我該如何設置此元素的CSS?

回答

3

兩個問題,兩個答案:

  1. 什麼是 '爲' 這裏的屬性?

    它在這裏告訴標籤引用的<input>元素的ID。一些瀏覽器將使用它來設置關注<input>元素當用戶點擊那0123.

  2. 我該如何設置這個元素的CSS?

    答:如果您想爲CSS全部標籤元素:

 label { 
     /* your styles */ 
     } 

B.如果你想標記該元素,只要使用ID或類名,你通常做。

1

For告訴標籤屬於哪個元素(這實際上意味着當單擊標籤時元素將獲得焦點)。

關於你的第二個問題 - 您可以使用jQuery
- 如果您的HTML是靜態的使用$("label:eq(index)")
- 如果您的HTML是動態的,你知道的標籤屬於元素的ID,你可以使用$("label[for='thatid']")

+0

哈。堅果你先到那裏! – Glycerine 2010-04-27 22:27:05

0

HTML Label Tag用於表單和提交。它不是ID,這個'for'應該與連接到它的對象的ID具有相同的名稱 - 例如

<form> 
<label for='ford'>Ford Car</label> 
<input type="radio" name="fordCar" id="ford" /> 
</form> 

它真的是一個可用性對象。

0

「for」是標籤應與之關聯的表單元素的id。

您可以將標籤添加到標籤以直接引用它。

<label for="fname" id="lbl-fname">First:</label> 
<input type="text" id="fname" /> 
8

for屬性包含標籤所用元素的ID。我一直以爲這將是很直觀...

<label for="SomeTextField" id="SomeLabel">Some text field</label> 
<input type="text" id="SomeTextField"> 

你的風格像任何其他元素的標籤:

label { 
    font-weight: bold; 
    color: red; 
} 

我一直以爲這將是非常直觀的,也是如此。所以 - 你在做什麼試圖做的,你問的問題是一個標誌,你實際上有一個不同的問題。

+0

嗨, 嗯,問題是 - 我設置標籤{最小高度:30px; }並且高度不變。 元素沒有其他標籤樣式應用於它。 – 2010-04-27 22:35:49

+3

@Mallika:所有瀏覽器都不尊重'min-height',而不是所有渲染模式(即奇怪模式/標準模式 - 谷歌「The Doctype Switch」以瞭解更多信息)和AFAIK不適用於所有元素類型(內聯/塊級元素)。推薦閱讀:http://www.w3.org/TR/css3-box/#min-max。 – Tomalak 2010-04-27 22:44:26

1

for屬性是輸入/ textarea /選擇該標籤引用。

,您仍然可以分配一個ID 標籤:

<label id="myLabel" for="deletetxt">Delete This Text</label> 

您也可以包裝輸入/ textarea的/,以他們沒有屬性相關聯與標籤選擇。

<label id="myLabel">Delete This Text <input ... /></label> 
0

隨着以HTML剃刀我不找到指定標籤的ID的最佳方式,但你可以用這種方式分配ID:

@Html.Label("© Integrantes Grupo:",new { @id="TitleIntegrants"})