- 18
- 0
- 约4.62千字
- 约 6页
- 2017-02-10 发布于重庆
- 举报
input类型
email
url
number
range
Date pickers (date, month, week, time, datetime, datetime-local)
search
color
一、Input 类型 - email
email 类型用于应该包含 e-mail 地址的输入域。
在提交表单时,会自动验证 email 域的值。
实例
form action=/example/html5/demo_form.asp method=get
邮箱:input type=email name=
input type=submit value=确定
/form
二.Input 类型 - url
url 类型用于应该包含 URL 地址的输入域。
在提交表单时,会自动验证 url 域的值。
实例
Homepage: input type=url name=user_url /
三..Input 类型 - number
number 类型用于应该包含数值的输入域。
您还能够设定对所接受的数字的限定:
实例
Points: input type=number name=points min=1 max=10 /
请使用下面的属性来规定对数字类型的限定:
属性 值 描述 max number 规定允许的最大值 min number 规定允许的最小值 step number 规定合法的数字间隔(如果 step=3,则合法的数是 -3,0,3,6 等) value number 规定默认值 四..Input 类型 - range
range 类型用于应该包含一定范围内数字值的输入域。
range 类型显示为滑动条。
您还能够设定对所接受的数字的限定:
实例
input type=range name=points min=1 max=10 /
五.. Input 类型 - Date Pickers(日期选择器)
HTML5 拥有多个可供选取日期和时间的新输入类型:
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间(小时和分钟)
datetime - 选取时间、日、月、年(UTC 时间)
datetime-local - 选取时间、日、月、年(本地时间)
六Input 类型 - search
search 类型用于搜索域,比如站点搜索或 Google 搜索。
search 域显示为常规的文本域。
代码如下:
form action=/example/html5/demo_form.asp method=get
服务区: input type=url name=user_url /
input type=submit /brbr
数值大小input type=number name=数值 max=10 min=1
input type=submit /brbr
input type=range name=points max=100 min=60
input type=submit /brbr
年月日input type=date name=年月日
input type=submit /brbr
年 月input type=month name=月日
input type=submit /brbr
年 周input type=week name=年周
input type=submit /brbr
时间input type=time name=时间
input type=submit /brbr
时间input type=datetime-local name=时间
input type=submit /brbr
/form
autocomplete 属性
autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。
注释:autocomplete 适用于 form 标签,以及以下类型的 input 标签:text, search, url, telephone, email, password, datepickers, range 以及 color。
当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项:
实例
form action=demo_form.asp method=get autocomplete=on
First name: input type=text name=fname /br /
Last name: input type=text name=lname /br /
E-mail: input type=email name=email au
您可能关注的文档
- A18-A20箱梁顶板钢筋验收.doc
- A3大体积混凝土施工方案中.doc
- ActiveMQ入门.doc
- ADEL-Mifare卡酒店店门锁系统方案书(7000型).doc
- BYJD-5A接地阻抗测试仪(0-5A).doc
- BIOS设置中文图解教程.doc
- CFG工程桩(试桩)施工组织设计.doc
- CIS教案第3部分.doc
- c搜索算法.docx
- COWONPLENUES(PS)伪开箱评测.doc
- 2025广东广州市天河区拟招聘英语实习老师1人备考题库附答案.docx
- 2025广东广州市天河区城市管理第二保洁所招聘编外工作人员4人笔试备考试卷附答案解析.docx
- 2025广东广州市越秀区流花街道办事处招聘综合事务中心辅助人员1人笔试历年题库附答案解析.docx
- 2025广东广州市花都区新雅街清初级中学招聘临聘教师1人备考历年题库带答案解析.docx
- 2025广东广州市天河区城市管理第二保洁所招聘编外工作人员4人笔试备考试卷带答案解析.docx
- 江苏省盐城市东台市三仓镇区中学2026届八年级数学第一学期期末教学质量检测试题含解析.doc
- 2025广东广州市天河区城市管理第二保洁所招聘编外工作人员4人备考题库带答案解析.docx
- 江苏省盐城市亭湖区2026届数学八上期末考试试题含解析.doc
- 安徽省蚌埠市淮上区2026届数学八年级第一学期期末达标检测模拟试题含解析.doc
- 2025广东广湛城旅游轮有限公司招聘备考历年题库附答案解析.docx
最近下载
- 分析palantir对象模型shreyas phpapp01.pptx VIP
- 班子成员之间的相互批评意见.docx VIP
- 广发宏观分析报告:居民活动收支表的构建、分析与运用.pdf VIP
- Palantir公司调研报告.pptx VIP
- 汉川XH715D立式加工中心机使用说明书.pdf VIP
- 数学丨重庆市2026届高三上学期1月康德高考模拟调研卷(一)试卷及答案.pdf VIP
- 贵州省贵阳市普通中学2022-2023学年高三上学期期末语文(解析版).docx VIP
- 化工老旧装置淘汰退出和更新改造工作方案.docx VIP
- 培智六年级生活数学期末试卷ABC卷.doc VIP
- 港口机械钢结构制造规范.pdf VIP
原创力文档

文档评论(0)