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单选框、复选框、下拉菜单、文本域的实现代码的文章就介绍到这了,更多相关HTML5单选框、复选框、下拉菜单、文本域内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！