HTML5 radio box, check box, drop-down menu, text field implementation code

Time:2021-6-6

HTML5 radio box, check box, drop-down menu, text field radio box instance code, the code is as follows:

1 radio box code:


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

effect:

在这里插入图片描述

check box

2 check box code:

< input type = "checkbox" name = "id = > basketball
           < input type = "checkbox" name = "id = > football 
           < input type = "checkbox" name = "id = > badminton
           < input type = "checkbox" name = "id = > singing
           < input type = "checkbox" name = "id = > Draw
           < input type = "checkbox" name = "id = > knock code
           < input type = "checkbox" name = "id = > read

effect;

在这里插入图片描述

drop-down menu

3 drop down menu code:

year
     <select name="" id=""> 
     <option value="">2020</option>
     <option value="">2021</option>
     <option value="">2022</option>            
     <option value="">2033</option>       
     </select>                 
     Month:        
     <select name="" id="">            
     <option value="">5</option>            
     <option value="">6</option>            
     <option value="">7</option>            
     <option value="">8</option>            
     <option value="">9</option>        
     </select>       
      Date:        
      <select name="" id="">            
      <option value="">5</option>            
      <option value="">6</option>           
      <option value="">7</option>            
      <option value="">8</option>            
      <option value="">9</option>        
      </select>

effect:

在这里插入图片描述

Text field

4 text field code:


<input type="textraea">

effect:

在这里插入图片描述

This article about HTML5 radio box, check box, drop-down menu, text field implementation code is introduced here. For more related HTML5 radio box, check box, drop-down menu, text field content, please search previous articles of developer or continue to browse the following related chapters. I hope you can support developer more in the future!