<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html5表单控件</title>
</head>
<body>
<form>
<!-- <input type="email">-->
<!-- <input type="tel"> -->
<!-- <input type="url"> -->
<!-- <input type="search"> -->
<!-- <input type="range" step="2" min="0" max="10" value="5"> -->
<!-- <input type="num"> -->
<!-- <input type="color"> -->
<!-- <input type="datetime"> -->
<!-- <input type="time"> -->
<!-- <input type="date"> -->
<!-- <input type="week"> -->
<!-- <input type="month"> -->
<input type="text" placeholder="请输入4到16个字符" autocomplete="on" autofocus>
<input type="submit" value="提交" formaction="http://my.csdn.net/Aloe_904">
<input type="button" value="提交到草稿箱" >
</form>
</body>
</html>
<!--
以下当格式不正确的时候,验证不会通过的
email :电子邮箱文本框,当输入的不是邮箱的格式,验证不会通过,移动端的键盘会有变化
tel:电话号码,移动端 会变成数字键盘
url:网址。
search:搜索引擎
range:数值选择器 step:每次跳的步数 min:最小值 max:最大值 value:此时的值
num:数字
color:颜色
datetime:显示完整的日期
datetime-local:显示完整的日期,不含时区
time:显示时间,不含时区
date:显示日期
week:显示周
month:显示月
新加属性:
palcehoder:显示提示信息,
autocomplete:是否保存用户输入值,默认是on,关闭提示选择off
autofocus:鼠标焦点自动聚集,没有值
list和datelist:为输入框构造一个选择列表(list的值为datalist的ID)
required:必须填写
pattern:正则验证,例如pattern="\d{1,5}"只能输入1到5 的数字
formaction:在submit中定义提交地址,只在submit中有用
-->
html5中新增表单控件和属性
最新推荐文章于 2024-04-27 21:00:39 发布