HTML label標籤的一點理解

label標籤為input元素定義標註。

label元素不呈現任何特殊效果。不過他為滑鼠使用者改進了可用性。如果你在label元素內點擊文字就會觸發此控制項。是說當使用者選擇該標籤是，瀏覽器就會自動的將焦點轉到與表單相關的控制項。

其有兩個屬性for from。

for 規定綁定到哪一個表單元素。 （label元素的for屬性值必須和相關表單元素的id屬性值相同）

from規定欄位所屬的一個或多個表單。

範例：常見的網頁側邊欄彈出效果也可以完全用css動畫實作。此時label標籤就被應用。

    
    Document
    
        
        
        
        
        
        
        
        
        
        
    
    
    导航栏
    
        Menu
        HTML和CSS实现侧边栏弹出效果

此範例很好的展示了label標籤的應用。透過label標籤與input的結合在應用程式上css動畫可以很好的解決網頁上面的一些簡單點擊動畫效果。 （如ppt效果的幻燈片也可以用此實現）

以上是HTML label標籤的一點理解的詳細內容。更多資訊請關注PHP中文網其他相關文章！