App下載

前端基礎(chǔ) （單選框、復(fù)選框、下拉菜單、文本域的實(shí)現(xiàn)代碼）操作案例分享！

宇宙冰可樂 2021-08-17 10:49:50 瀏覽數(shù) (6193)
反饋

在之前我們講過那么多的功能實(shí)現(xiàn)和框架使用講解，那么今天就換個(gè)口味，我們來講講有關(guān)于“前端基礎(chǔ) （單選框、復(fù)選框、下拉菜單、文本域的實(shí)現(xiàn)代碼）操作案例分享！”這方面的相關(guān)內(nèi)容分享！

HTML5單選框、復(fù)選框、下拉菜單、文本域 單選框的實(shí)例代碼，代碼如下所示：

1單選框代碼：

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

效果：

在這里插入圖片描述

復(fù)選框

2復(fù)選框代碼：

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

效果：

在這里插入圖片描述

那么以上的這些內(nèi)容就是有關(guān)于：“前端基礎(chǔ) （單選框、復(fù)選框、下拉菜單、文本域的實(shí)現(xiàn)代碼）操作案例分享！”這方面的全部?jī)?nèi)容，更多有關(guān)于html5這方面的相關(guān)內(nèi)容我們都可以在W3Cschool中進(jìn)行學(xué)習(xí)和了解！


HTML5

0 人點(diǎn)贊