HTML5新增了很多表单属性,非常重要
一个简单得表单演示:
<form action="">
用户名: <input type="text">
<input type="submit" value="提交">
</form>
1.HTML5新增表单
type表单属性 | 作用 |
---|---|
限制用户输入为Email类型 | |
url | 限制用户输入为url地址 |
date | 限制用户输入为日期类型 |
time | 限制用户输入为时间类型 |
month | 限制用户输入为月类型 |
week | 限制用户输入为周类型 |
number | 限制用户输入为数字类型 |
tel | 手机号码 |
search | 搜索框 |
color | 生成颜色表单 |
**总结:**这些表单属性一般都是在移动端使用,PC端不经常使用
2.HTML5新增表单属性
属性 | 值 | 说明 |
---|---|---|
required | required | 表单内容不能为空 |
placeholder | 提示文本(占位符) | 表单得提示信息,存在默认值将不显示 |
autofocus | autofocus | 页面加载完成,自动聚焦到指定表单 |
autocomplete | off/on | 默认为on打开状态,off关闭,需要表单加上name属性,作用:记录用户输入得信息 |
multiple | multiple | 可以多选文件提示 |