HTML5中input输入框的种类
来源:互联网 发布:为什么反对网络实名制 编辑:程序博客网 时间:2024/05/17 01:41
1、问题背景
input输入框从HTML5版本开始,有多少种类型
2、实现源码
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>input输入框类型</title><style>input{width: 200px;font-family: "微软雅黑";font-size: 14px;}</style></head><body><div><input type="button" value="查询"/><br><br><input type="checkbox" /><br><br><input type="color" /><br><br><input type="date" /><br><br><input type="datetime" /><br><br><input type="email" /><br><br><input type="file" /><br><br><input type="hidden" /><br><br><input type="image" /><br><br><input type="month" /><br><br><input type="number" /><br><br><input type="password" value="密码"/><br><br><input type="radio" /><br><br><input type="range" /><br><br><input type="reset" value="重置"/><br><br><input type="search" /><br><br><input type="submit" value="提交"/><br><br><input type="tel" /><br><br><input type="text" /><br><br><input type="time" /><br><br><input type="url" /><br><br><input type="week" /></div></body></html>
3、实现结果
4、实例说明
(1)button:按钮
(2)checkbox:复选框
(3)color:颜色
(4)date:日期
(5)datetime:日期时间
(6)email:电子邮件
(7)file:文件
(8)hidden:隐藏域
(9)image:图像
(10)month:月份
(11)number:数字
(12)password:密码
(13)radio:单选按钮
(14)range:范围
(15)reset:重置
(16)search:搜索
(17)submit:提交
(18)tel:电话号码
(19)text:文本域
(20)time:时间
(21)url:路径
(22)week:星期
1 0
- HTML5中input输入框的种类
- HTML5中input元素种类
- HTML5中改良的input元素的种类
- HTML5改良的input元素的种类
- 带提示的input输入框类似html5的 placeholder
- HTML5新增的INPUT输入类型
- html5中input的date
- WEB前端之HTML5[4]~HTML5改良的input元素的种类
- HTML5新增input输入的list属性的使用
- 新增的8类 HTML5 INPUT输入类型介绍
- HTML5 表单新增元素与属性 + input元素的种类(二)
- HTML5 中input的新属性
- html5中关于input用法的改变
- html5中input的时间控件
- new : HTML5 中input的新属性
- HTML5中新的input类型
- HTML5中input标签新增的类型
- Html5中input标记的type属性
- SQL2012 问题Saving changes is not permitted. (修改表时无法保存)
- HTML学习
- ubuntu连接xshell
- A* 寻路算法
- L2-002. 链表去重
- HTML5中input输入框的种类
- 最坑的WINAPI--GetCurrentDirectory
- 【BZOJ 1084】【SCOI 2005】最大子矩阵【DP & 分类讨论】
- Sql语法错误: check the manual that corresponds to your MySQL
- 如何通过cocos creator发布原生android应用
- 错误提示:java.lang.IllegalArgumentException解决方法
- 天下性能 唯池不破
- java.lang.NumberFormatException
- 51nod1113【矩阵快速幂】