html5新增的表单控件

表单控件

表单新增的控件

表单中新增的控件(type属性)
	email: 提交表单时检测值是否是一个电子邮件格式
	url: 提交表单时检测值是否是一个url格式
	date: 年-月-日格式的控件
	time: 时:分格式的控件
	datetime: 年-月-日 时:分 格式的控件(UTC时间)
	datetime-local: 年-月-日 时:分 格式的控件(本地时间)
	month: 年-月格式的控件
	week: 年-周数格式的控件
	number: 数字输入框
	<input type="number" name="" id="" value="60" max="100" min="0" />
	range: 选择区域
	<input type="range" name="" id="" value="60" max="100" min="0" />
	tel: 电话输入框
	search: 用于搜索
	color: 调用系统选色器

表单控件属性

新增控件属性:
	placeholder: 占位符,输入框提示信息
	<input type="text" autofocus placeholder=''/>
	required: 该input为必填项
	autofocus: 在页面加载时,域自动地获得焦点
	autocomplete="off/on":可以记录输入信息  
	必须有name属性  必须提交过
	off==>关闭     on==>打开
	<input type="tel" name="user" id="" value="" autocomplete="on"/>
	pattern: 正则验证 
	<input type="tel" pattern="[0-9]{7,12}"/>
	min/max: input能输入的最小/最大字节的长度
	step: 针对number和range类型,每次递增step的值
	list: 指定一个datalist,作为下拉提示单
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值