label 和 legend標簽的用法

label標准用法: 一般浏覽器都支持

一般而言,label標簽位於表單元素的前面或者後面，為控件提供說明文字

<label for="user">用戶名:</label><input type="text" name="user" id="user" />

for屬性：能讓用戶點擊文字，焦點定位在for指定的控件，提供更好的用戶體驗。

label新用法:（在浏覽網頁源碼時，發現的)

label標簽包含文字和控件,點擊文字，同樣有焦點定位到內部控件的作用

<label>用戶名:<input type="text" name="user" /></label>

<label><span>用戶名:</span><input type="text" name="user" /></label>

注:只有現代浏覽器支持，ie6不支持，其他無測試！

legend標簽

<legend>標簽是一個inline元素，可以包含其他內聯或塊級元素

<fieldset>
    <legend>sometext</legend>
    <input type="text" value="haha" /> 
</fieldset>

<fieldset>
    <legend>
        <div style="background:blue;">sometext</div>
    </legend>
    <input type="text" value="nonono" /> 
</fieldset>