HTML label標簽的作用，label標簽用法

作者：佚名   時間：2014-04-08   分享到：

HTML<label>標簽的作用，label標簽用法：

使用label標簽來定義表單控制間的關系，例如，一個文本輸入字段和一個或多個文本標記之間的關系。根據最新的標準，標記中的文本可以得到瀏覽器的特殊對待。瀏覽器可以為這個標簽選擇一種特殊的顯示樣式(也可以使用樣式表)，并且當用戶選擇該標簽時，瀏覽器會自動將焦點轉到和標簽相關的表單控件上。

隱式和顯式的聯系

標記通常以下面兩種方式中的一種來和表單控制相聯系:將表單控件作為標記標簽的內容，這樣的就是隱式形式，或者為<label>標簽下的for屬性命名一個目標表單ID，這樣的是顯式形式。

例如，在XHTML中:

<label for="SSN">Social Security Number:</label> <input type=“text“name="SocSecNum" id="SSN"/> <label>Date of birth:<input type=“text.name="DofB" /></label>

第一個標記是以顯式形式將文本“Social Security Number:”和表單的社會安全號碼的文本輸入控制("SocSecNum")聯系起來，它的for屬性的值和控件的id一

樣，都是SSNo第二個標記("Date of Birth")不需要for屬性，它的相關控件也不需要id屬性，它們是通過在<1abe1>標簽中放入<<input>標簽來隱式地連接起

來的。

注意不要混淆name和id屬性。前者為元素創建一個名稱，服務器端表單處理器可以使用這個名稱，而后者只是創建了一個能被<label>標簽和URL使用的名稱。同時也要注意，雖然一個標記可以指定單獨的表單控件，但是一個表單控件可以被不

同的標記指定。這就提供了一種功能，可引導用戶從文件的一些不同的地方找到一個特殊的表單輸入區。

其他label屬性

標記也具有通常的顯示、存取性和與事件相關的標簽屬性。除標準的HTML 4和XHTML事件屬性外，標記也支持。nfocus和。nblur屬性。