京东6.18大促主会场领京享红包更优惠

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

2024-11-2 22:21| 发布者: ae2942d9| 查看: 34| 评论: 0

摘要: HTML5单选框、复选框、下拉菜单、文本域 单选框的实例代码,代码如下所示: 1单选框代码: [code] <input type="radio" name="" id=""> <input type="radio" name="" id=""> <input type=

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

1单选框代码:

[code] <input type="radio" name="" id=""> <input type="radio" name="" id=""> <input type="radio" name="" id="">[/code]

结果:

在这里插入图片描述

复选框

2复选框代码:

[code] <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="">阅读[/code]

结果;

在这里插入图片描述

下拉菜单

3下拉菜单代码:

[code] 年 <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>[/code]

结果:

在这里插入图片描述

文本域

4文本域代码:

[code] <input type="textraea">[/code]

结果:

在这里插入图片描述

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


来源:https://www.jb51.net/html5/754530.html
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
关闭

站长推荐上一条 /6 下一条

QQ|手机版|小黑屋|梦想之都-俊月星空 ( 粤ICP备18056059号 )|网站地图

GMT+8, 2025-7-2 02:13 , Processed in 0.030339 second(s), 18 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2025 Discuz! Team.

返回顶部