您的位置:首页 > Web前端 > > 正文

html5复选框属性教程(HTML5单选框、复选框、下拉菜单、文本域的实现代码)

更多 时间:2021-10-26 11:46:40 类别:Web前端 浏览量:773

html5复选框属性教程

HTML5单选框、复选框、下拉菜单、文本域的实现代码

HTML5单选框、复选框、下拉菜单、文本域 单选框的实例代码,代码如下所示:

1单选框代码:

  •  <input type="radio"  name="" id="">  
              <input type="radio" name="" id=""> 
              <input type="radio" name="" id="">
    
  • 效果:

    html5复选框属性教程(HTML5单选框、复选框、下拉菜单、文本域的实现代码)

    复选框

    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="">阅读
    
  • 效果;

    html5复选框属性教程(HTML5单选框、复选框、下拉菜单、文本域的实现代码)

    下拉菜单

    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>
    
  • 效果:

    html5复选框属性教程(HTML5单选框、复选框、下拉菜单、文本域的实现代码)

    文本域

    4文本域代码:

  • <input type="textraea">
    
  • 效果:

    html5复选框属性教程(HTML5单选框、复选框、下拉菜单、文本域的实现代码)

    到此这篇关于HTML5单选框、复选框、下拉菜单、文本域的实现代码的文章就介绍到这了,更多相关HTML5单选框、复选框、下拉菜单、文本域内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!

    您可能感兴趣