<form id="hz9zz"></form>
    • <form id="hz9zz"></form>
    

      

      <nobr id="hz9zz"></nobr>
      <form id="hz9zz"></form>
      3.   
          
      明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！
                   
        
                           
        
                        		  
        
                 
              
                
      HTML創建表單時label標簽如何使用
                
                  發表時間：2023-08-30             來源：明輝站整理相關軟件相關文章人氣：          
              
      [摘要]label標簽在創建表單時是非常重要的，所以本篇文章就來給大家介紹一下關于label標簽在HTML創建表單時候的用法。我們先來看一下什么是label標簽？例如，在用HTML制作表格時，可以在文本框旁邊顯示“名稱”等字符，在單選按鈕旁邊顯示“男”或“女”等字符，有一些我需要說明的東西，最好用的標簽就...
      label標簽在創建表單時是非常重要的，所以本篇文章就來給大家介紹一下關于label標簽在HTML創建表單時候的用法。
      我們先來看一下什么是label標簽？
      例如，在用HTML制作表格時，可以在文本框旁邊顯示“名稱”等字符，在單選按鈕旁邊顯示“男”或“女”等字符，有一些我需要說明的東西，最好用的標簽就是是“label標簽”。
      label標簽的寫法
      label標簽的寫法有兩種：一種方法是放在label標簽之間，另一種方法是利用for屬性。
      放在label標簽之間的方法，使用label標簽可以拆分表單的各個部分
      <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標簽的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>
      效果如下：
      360截圖20181121101513607.jpg
      交互式內容的示例
      交互式內容是指要求用戶選中服務條款復選框的內容。
      如果您勾選復選框以同意使用條款，則可以通過在標簽塊之外進行描述來提高可用性。
      可用性差的例子：
      <label> 
 <input type ="checkbox" name ="sample"> 
 我同意<a href="sample.html">服務條款</a>。
 </ label>
      可用性稍好的例子：
      <label> 
 <input type ="checkbox" name ="sample"> 
 我同意服務條款。</ label>
  <p> 
 <a href="sample.html">服務條款</a> 
 </p>
      以上就是本篇文章的全部內容，更多精彩內容可以參考php中文網的html視頻教程欄目�。�！
      以上就是HTML創建表單時label標簽怎么使用的詳細內容，更多請關注php中文網其它相關文章！
      				
				
      網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




              
              
                 
              
                                            
                              		       
                          
                           		  
        
                            
      
日韩精品一区二区三区高清