歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > HTML >

html form <label>標簽基礎語法結構與使用案例教程

在表單布局中會遇到label標簽的使用,label沒有任何樣式效果,有觸發對應表單控件功能。
比如我們點擊單選按鈕或多選框前文字對應選項就能被選中,這個就是對文字加了<label>標簽實現。

一、點擊文字,對應選擇上控件   -   TOP

點擊<label>標簽文字時,實現對應控件被選擇,需要對應表單控件id的值與label標簽內的for值相同。

二、label語法   -   TOP

<label for="man">男</label>
Label標簽內文字更加需要填寫
Label標簽內for屬性的值為自定義,一般與想實現點擊會觸發控件對象的ID對應相同。

三、label案例   -   TOP

HTML代碼片段如下:

  1. <form action="" method="get"> 
  2. 性別:<br /> 
  3. <input name="sex" id="man" type="radio" value="" /> 
  4. <label for="man"></label> 
  5. <input name="sex" id="woman" type="radio" value="" /> 
  6. <label for="woman"></label> 
  7. </form> 

注意查看,input標簽內id的值與label標簽內for的值對應。

html label標簽用法案例
html label標簽用法案例截圖

label用法案例查看案例

總結:
一般要實現點擊單選按鈕框文字或多選按鈕框文字對應選擇按鈕被選擇,使用label標簽即可,注意for與id值相同即可實現。Label標簽默認情況下是沒有任何樣式,可以使用CSS設置css寬度css高度css邊框等樣式。

擴展知識
1、html checkbox多選框

如需轉載,請注明文章出處和來源網址:http://www.khijtf.live/html/h489.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2018-08-14 17:37 原創:DIVCSS5
本文www.khijtf.live DIVCSS5版權所有。

江西多乐彩走势图今天 其实玩时时彩平刷就能赚钱 当一个城市旅游发达的时候怎么赚钱 福建麻将app 偶马中心怎么赚钱 听声音赚钱的软件下载 拉菲彩票安卓 点我98赚钱 2018年杭州地区养殖什么最赚钱 微信捕鱼上下分游戏规则 奇迹世界2能赚钱吗2018 u购彩群 阿香米线赚钱吗 类似于淘新闻赚钱软件 吉祥博游戏 玩车教授怎么赚钱 任达华游戏赚钱