歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:最笨重的动物 > HTML >

最笨重的动物 www.yyhul.icu 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邊框等樣式。

擴展知識
1、html checkbox多選框

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

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

有用过福少时时彩的吗 众发pk10免费计划app pk10官网开奖号码 百人炸金花怎么制作 慈善网高级六肖中特 11选5怎样投注稳赚不赔 北京福彩pk10杀号公式 pk10追345678窍门 酷彩网时时彩平台 冰球突破11个红人多少倍 龙虎相斗惊天地 好运来快三计划软件 麻将玩法介绍 足球比分分析 十一选5任一稳赚投注 吉祥三公游戏下载