HTML5新表单属性
表单的新属性规范
-
h5规范允许 当属性名和属性值相等的时候 可以直接书写属性名即可
-
在js中，h5允许以布尔值的形式控制属性开启或关闭
也就是在js中 给autofocus属性设置值为true（真，打开） 或者是 false（假，关闭）
但是在元素的属性中 不允许使用true或者是false来控制开启或关闭
-
如果多个表单书写autofocus(只能出现一次的属性)，那么以第一个书写的为准
表单的新属性
-
placeholder：
占位符
-
autocomplete：
是否提示用户曾经输入过的值 默认是on 关闭是off
-
autofocus：
默认自动获取焦点
他有唯一一个值是autofocus
-
required：
必填项，当提交的时候，此表单必须填写
-
disabled：
禁用任何表单元素，这个元素就被禁止输入或选择等等操作
使用disabled禁用表单，表单元素是不会在被提交了 -
checked：
单选框或多选框 默认被选中
-
readonly：
对于可编辑的表单来说 表示不能再次被编辑 但是是可以被提交的
对单选多选按钮不支持- form：
如果input存在form属性，表示当前的input属于某一个表单 此时form表单的id的值 就是这个input的值 那么form表单 和当前的input就进行关联了 无论input书写在哪里，都能随着表单发送数据
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单元素的新属性</title>
</head>
<body>
<form action="###" method="get" id="form1">
请输入用户名：
<input type="text" name="user" placeholder="请输入用户名" autofocus autocomplete="off">
<br>
请输入密码：
<input type="text" name="pass" value="123456" autofocus required>
<br>
请确认性别：
男：<input type="radio" name="sex" value="男" disabled checked>
女：<input type="radio" name="sex" value="女" disabled>
<br>
请确认年龄：
大于30岁：<input type="radio" name="age" value="30-" checked readonly>
小于30岁：<input type="radio" name="age" value="30+" readonly>
请输入邮箱：
<input type="email" name="email" value="lipeihua@atguigu.com" readonly>
<br>
<button>提交</button>
</form>
<!--在form表单外有一个input，但是想点击form中的提交按钮的时候，把这个input也给提交了，form属性就这样使用-->
<input type=