HTML5如何實現單選框、復選框、下拉菜單、文本域

這篇文章給大家分享的是有關HTML5如何實現單選框、復選框、下拉菜單、文本域的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

HTML5單選框、復選框、下拉菜單、文本域 單選框的實例代碼，代碼如下所示：

1單選框代碼：

 <input type="radio"  name="" id="">  
          <input type="radio" name="" id=""> 
          <input type="radio" name="" id="">

復選框

2復選框代碼：

 <input type="checkbox" name="" id="">籃球
           <input type="checkbox" name="" id="">足球 
           <input type="checkbox" name="" id="">羽毛球
           <input type="checkbox" name="" id="">唱歌
           <input type="checkbox" name="" id="">畫畫
           <input type="checkbox" name="" id="">敲代碼
           <input type="checkbox" name="" id="">閱讀

下拉菜單

3下拉菜單代碼：

年
     <select name="" id=""> 
     <option value="">2020</option>
     <option value="">2021</option>
     <option value="">2022</option>            
     <option value="">2033</option>       
     </select>                 
     月：        
     <select name="" id="">            
     <option value="">5</option>            
     <option value="">6</option>            
     <option value="">7</option>            
     <option value="">8</option>            
     <option value="">9</option>        
     </select>       
      日：        
      <select name="" id="">            
      <option value="">5</option>            
      <option value="">6</option>           
      <option value="">7</option>            
      <option value="">8</option>            
      <option value="">9</option>        
      </select>

文本域

4文本域代碼：

<input type="textraea">

感謝各位的閱讀！關于“HTML5如何實現單選框、復選框、下拉菜單、文本域”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！