明輝手游網(wǎng)中心：是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

HTML創(chuàng)建表單時label標(biāo)簽如何使用

發(fā)表時間：2023-08-30 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]label標(biāo)簽在創(chuàng)建表單時是非常重要的，所以本篇文章就來給大家介紹一下關(guān)于label標(biāo)簽在HTML創(chuàng)建表單時候的用法。我們先來看一下什么是label標(biāo)簽？例如，在用HTML制作表格時，可以在文本框旁邊顯示“名稱”等字符，在單選按鈕旁邊顯示“男”或“女”等字符，有一些我需要說明的東西，最好用的標(biāo)簽就...
label標(biāo)簽在創(chuàng)建表單時是非常重要的，所以本篇文章就來給大家介紹一下關(guān)于label標(biāo)簽在HTML創(chuàng)建表單時候的用法。

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

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

label標(biāo)簽的寫法

label標(biāo)簽的寫法有兩種：一種方法是放在label標(biāo)簽之間，另一種方法是利用for屬性。

放在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屬性

我們來看具體實(shí)例：

<!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>

效果如下：

360截圖20181121101513607.jpg

交互式內(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>

以上就是本篇文章的全部內(nèi)容，更多精彩內(nèi)容可以參考php中文網(wǎng)的html視頻教程欄目�。�！

以上就是HTML創(chuàng)建表單時label標(biāo)簽怎么使用的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。