HTML5单选框、复选框、下拉菜单、文本域的实现代码
这篇文章主要介绍了HTML5单选框、复选框、下拉菜单、文本域的实现代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
HTML5单选框、复选框、下拉菜单、文本域 单选框的实例代码,代码如下所示:
1单选框代码:
1 2 3 | < input type = "radio" name = "" id = "" > < input type = "radio" name = "" id = "" > < input type = "radio" name = "" id = "" > |
效果:
复选框
2复选框代码:
1 2 3 4 5 6 7 | < 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下拉菜单代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | 年 < 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文本域代码:
1 | < input type = "textraea" > |
效果:
到此这篇关于HTML5单选框、复选框、下拉菜单、文本域的实现代码的文章就介绍到这了