html5弹出输入框下拉菜单(HTML5输入框下拉菜单功能的示例代码)
类别:Web前端 浏览量:2109
时间:2021-10-26 11:10:14 html5弹出输入框下拉菜单
HTML5输入框下拉菜单功能的示例代码1.单选框代码
<span>性别:</span> <input name="sex" value="" type="radio">男 <input name="sex" value="" type="radio">女
需要注意的是单选框name值需保持一致
样式:
复选框
2.复选框代码
<span>喜欢的类型:</span> <input type="checkbox">妩媚的 <input type="checkbox">可爱的 <input type="checkbox">小鲜肉 <input type="checkbox">老腊肉 <input type="checkbox">都喜欢
如需要进行form表单提交 则需要name的属性一样
样式:
文本框
3.文本框代码示例
<span>所在地区:</span> <input type="text">
代码运行界面样式:
文本域
4.文本域代码示例
<span class="te2">自我介绍:</span> <textarea rows="2" cols="21"></textarea>
注意点:
rows相当于height , cols相当于width
若想设置为禁止拖动则添加代码
<textarea style="resize:none;"></textarea>
代码运行示例:
下拉菜单
5.下拉菜单代码示例:
<select name="" id=""> <option value="" disabled selected hidden>--请选择月--</option> <option value="">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> <option value="">6</option> <option value="">7</option> <option value="">8</option> <option value="">9</option> <option value="">10</option> <option value="">11</option> <option value="">12</option> </select>
注意点:disabled selected hidden这是设置下拉菜单默认提示文字
代码运行演示:
到此这篇关于HTML5输入框下拉菜单功能的示例代码的文章就介绍到这了,更多相关HTML5输入框下拉菜单内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- h5人脸扫描代码(Html5调用手机摄像头并实现人脸识别的实现)
- html5和css3最新特性(html5中使用hotcss.js实现手机端自适配的方法)
- vscode快速生成html框架(VSCode 自定义html5模板的实现)
- html5新增全局属性(HTML5自定义属性的问题分析)
- html5canvas案例(h5使用canvas画布实现手势解锁)
- HTML5 <figure> 、<figcaption>标签
- html5表单元素自带验证功能(纯CSS3实现表单验证效果非常不错)
- html5单选项怎么调选项间距(html5实现输入框fixed定位在屏幕最底部兼容性)
- html5背景怎么变色(HTML5 背景的显示区域实现)
- html5加入图片(HTML5 图片预加载的示例代码)
- h5打开小程序点允许(html5跳转小程序wx-open-launch-weapp踩坑)
- html5怎么设置红色(详解HTML5如何使用可选样式表为网站或应用添加黑暗模式)
- 用html5做一个音乐的播放器(HTML5自定义mp3播放器源码)
- css弹出遮罩层页面不可滑动(Html5页面点击遮罩层背景关闭遮罩层)
- html5实现上传图片预览
- html5的占位符(html5 冒号分隔符对齐的实现)
- 七年前的这部剧有毒,全剧只有女主红到发紫,男主至今无人认识(七年前的这部剧有毒)
- 宋轶除了演过于曼丽,原来还演过一个青楼女子(宋轶除了演过于曼丽)
- 赵丽颖第一部当女主的戏,主角配角个个都是实力演员(赵丽颖第一部当女主的戏)
- 乾隆为何这么喜爱白塔原因是什么(乾隆为何这么喜爱白塔原因是什么)
- 逐渐消失的东北八大怪现象,进步的社会里我们遗失的是什么(逐渐消失的东北八大怪现象)
- 今日大雪,大雪养生这样做,一年都有好气色(大雪养生这样做)
热门推荐
- 如何用tomcat部署web项目(一文搞懂如何部署启动多个tomcat并移植项目)
- 表空间不足无法登录(System表空间不足的报警问题浅析)
- sql死锁进程保护(SqlServer查询和Kill进程死锁的语句)
- ubuntu ssh登录服务器(ubuntu开启SSH服务远程登录操作的实现)
- sqlserver分组查询(sql server如何利用开窗函数over进行分组统计)
- asp.net判断上传文件格式
- php支付系统(php实现的支付宝网页支付功能示例基于TP5框架)
- 数据库docker技术(总结Docker不适合部署数据库的7大原因)
- sql server与erp的结合应用(SQL Server中with as使用介绍)
- 利用前端做扫雷游戏(js实现经典扫雷游戏)