HTML5表单新属性

<!--
表单属性：
autocomplete 是否开启自动补全
novalidate 是否开启表单验证
-->
<form id="myForm" action="/test" method="post" autocomplete="on" novalidate>

<!-- HTML5新的控件属性 自带验证-->
<!-- 邮箱 -->
<input type="email">
<!-- 网址 -->
<input type="url">
<!-- 滑块 -->
<input type="range">
<!-- 数字 -->
<input type="number">
<!-- 拾色器 -->
<input type="color">
<!-- 日期 -->
<input type="date">
<!-- 月份 -->
<input type="month">
<!-- 第几周 -->
<input type="week">
<!-- 时间 -->
<input type="time">
<!-- 手机 -->
<input type="tel">
<!-- 显示图像 -->
<input type="image" src="./bai.png" alt="">
<!-- 搜索框 -->
<input type="search" name="" id="" list="lists">

<datalist id="lists">
<option value="ddsa"></option>
<option value="ddsa"></option>
</datalist>

<!-- 上一个版本的控件属性 -->
<!-- 文本 -->
<input type="text">
<!-- 密码 -->
<input type="password">
<!-- 文件上传 -->
<input type="file">
<!-- 多选 -->
<input type="checkbox" name="like">多选1
<input type="checkbox" name="like">多选2
<!-- 单选 -->
<input type="radio" name="sex">单选1
<input type="radio" name="sex">单选2
<!-- 重置 -->
<input type="reset" value="重置">
<!-- 按钮 -->
<input type="button" value="按钮">
<!-- 隐藏的属性 -->
<input type="hidden" name="">

<!-- 提交 -->
<input type="submit" value="提交">

</form>
<!--
input控件属性：
placeholder 提示
autofocus 自动聚焦
required 必填项
multiple 多选
disabled 禁用
list 搜索源
form 指定属于哪一个表单
-->
<input type="text" form="myForm" placeholder="xue" autofocus disabled required multiple list="list1" >
<datalist id="lists">
<option value="ddsa"></option>
<option value="ddsa"></option>
</datalist>