2010-07-06 29 views
1

在哪裏放置其他html元素或不?<label>圍繞其他html元素放在哪裏?

Option1-把圍繞輸入元件:

<label>Url: 
     <input type="text" size="350"/> 
</label> 

選項2:

<label>Url:</label> 
<input type="text" size="350"/> 

由於

+0

1選項是無效的HTML。在這種情況下,您必須將兩個標籤鏈接在一起,因爲瀏覽器不可能知道哪個標籤屬於哪個字段:

回答

6

後者。這樣你可以設置風格,寬度等,而不會影響<input>。它在語義上也更好:標籤是標籤,輸入是輸入。

6

首先,在第一個例子中<label>被自動鏈接到<input>,而在第二個例子中,他們都沒有(你必須設置爲 ID 屬性效仿前者的行爲)。

除此之外,這是一個情況和偏好的問題。就個人而言,我通常會選擇前者,因爲需要的標記更少。

+2

即使你將''換成'

+0

它會在標籤中使用for屬性時匹配輸入的id。這就是爲什麼他們在那裏首先:) – albert 2013-08-27 01:49:13