HTML創(chuàng)建表單時label標(biāo)簽的使用方法-創(chuàng)新互聯(lián)

這篇文章主要介紹HTML創(chuàng)建表單時label標(biāo)簽的使用方法，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站十年經(jīng)驗成就非凡，專業(yè)從事成都網(wǎng)站建設(shè)、成都做網(wǎng)站，成都網(wǎng)頁設(shè)計，成都網(wǎng)頁制作，軟文營銷，1元廣告等。十年來已成功提供全面的成都網(wǎng)站建設(shè)方案，打造行業(yè)特色的成都網(wǎng)站建設(shè)案例，建站熱線：13518219792，我們期待您的來電！

我們先來看一下什么是label標(biāo)簽？

例如，在用HTML制作表格時，可以在文本框旁邊顯示“名稱”等字符，在單選按鈕旁邊顯示“男”或“女”等字符，有一些我需要說明的東西，最好用的標(biāo)簽就是是“l(fā)abel標(biāo)簽”。

label標(biāo)簽的寫法

label標(biāo)簽的寫法有兩種：

放在label標(biāo)簽之間的方法，使用label標(biāo)簽可以拆分表單的各個部分

<label> <input type =“radio”name =“sex”value =“man”/> man </ label>

利用for屬性的方法

<label for =“text_id”>名稱：</ label> 
<input type =“text”name =“name”id =“text_id”/>

這是如何將表單部分的id給label標(biāo)簽的for屬性

我們來看具體實例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title></title>
</head>
<body>
<label for ="name">名字</label>
    <input type ="text" name ="name" id ="name" placeholder ="name"> <br/> 
    <label> <input type ="radio" name ="sex" value ="male">男</label> 
    <label> <input type ="radio" name ="sex" value ="female">女</label> <br/> 
    <label for ="food">最喜歡的食物</label> 
    <select name ="food" id ="name">
      <option value ="meat"> meat </option> 
      <option value ="fish"> fish </option> 
      <option value ="vegetable"> vegetables </option> 
      <option value ="other">其他</option>
    </select> 
</body>
</html>

效果如下：

HTML創(chuàng)建表單時label標(biāo)簽的使用方法

交互式內(nèi)容的示例

交互式內(nèi)容是指要求用戶選中服務(wù)條款復(fù)選框的內(nèi)容。

如果您勾選復(fù)選框以同意使用條款，則可以通過在標(biāo)簽塊之外進(jìn)行描述來提高可用性。

可用性差的例子：

<label> 
 <input type ="checkbox" name ="sample"> 
 我同意<a href="sample.html">服務(wù)條款</a>。
 </ label>

可用性稍好的例子：

<label> 
 <input type ="checkbox" name ="sample"> 
 我同意服務(wù)條款。</ label>
  <p> 
 <a href="sample.html">服務(wù)條款</a> 
 </p>

以上是HTML創(chuàng)建表單時label標(biāo)簽的使用方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站題目：HTML創(chuàng)建表單時label標(biāo)簽的使用方法-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://muchs.cn/article32/idisc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、域名注冊、微信小程序、網(wǎng)站設(shè)計、服務(wù)器托管、響應(yīng)式網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容