<form  autocompelate="on" id="from1">
<!--常用属性-->
邮件：<input type="email">
地址：<input type="url">
电话：<input type="tel"><!--不支持-->
数字：<input type="number" min="1" max="10" step="2">
进度条：<input type="range" min="1" max="10" step="2">
颜色：<input type="color"><!--不支持-->
时间：<input type="date"><!--不支持-->
月：<input type="month"><!--不支持-->
周：<input type="week"><!--不支持-->

<!--文本自动打开自动获取焦点-->
<input type="text" autofocus="autofocus">

<!--文本下拉列表开始-->
<input type="text" list="taglist">
<datalist id="taglist">
<option>wuban</option>
<option>baidu</option>
</datalist>
<!--说明：<form  autocompelate="on">加上此属性当输入时自动会关联-->
<!--文本下拉列表结束-->
<!--对不同网页提交-->
<input type="text"  formaction="index.php">
<!--批量上传_默认支持单个，multiple="multiple"批量上传属性-->
<input type="file" multiple="multiple">
<!--对文本启用正则_当不合格时候会弹出提示-->
<input type="text" pattern="{0-9}{6}" title="请输入电话号码">
 <!--对文本框开启默认提示-->
  <input type="text" placeholder="请输入用户名">
   <!--文本不能为空-->
 <input type="text" required="required">
提交：<input type="submit">
</form>
<!--放在表单外提交  form="from1"是当前表单FROM的ID-->
<input type="text" form="from1">
<!--隐藏-->
<p hidden="hidden">xxx</p>

html5-表单常见操作