前台接待递交信息内容到后台管理1般两种普遍递交方法：
Form表单递交 和 Ajax无更新网页页面递交
placeholder 并不是全部的input都适用，例如input date就不适用
处理计划方案：
能够在date上面遮盖1个div，填写placeholder的內容
html5表单新增的种类：
url
range
number
date(date, month, week, time, datetime, datetime-local)
search
color
tel
去掉chrome记牢登陆密码后全自动填充表单的黄色情况：
autocomplete="off" 能够加在input或form上
往下拉提醒：
list 和 datalist
html5表单应用正则表达式：pattern
递交表单时不开展认证：novalidate（加在form上） formnovalidate（加在input:submit上）
文字框全自动聚焦：autofocus
假如input中有文档提醒file，则form务必加上：
enctype="multipart/form-data"
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF⑻">
<title>form</title>
</head>
<body>
<form action="" enctype="multipart/form-data" novalidate>
<input type="file">
<!-- 正则表达式：5个数据+cyy中随意1个字母 -->
<input type="text" required autocomplete autofocus pattern="/^\d{5}[cyy]$/">
<input type="text" list="mylist">
<datalist id="mylist">
<option value="list1">list1</option>
<option value="list2">list2</option>
<option value="list3">list3</option>
</datalist>
<input type="submit" value="递交" formnovalidate>
</form>
</body>
</html>
label for 在radio或checkbox中较为显著（对应的是input的id）
实际效果便是选定label时，对应的radio或checkbox就会被选定
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF⑻">
<title>form</title>
</head>
<body>
<form action="" enctype="multipart/form-data" novalidate>
<label for="man">男</label>
<input type="radio" name="sex" id="man">
<label for="woman">女</label>
<input type="radio" name="sex" id="woman">
<input type="submit" value="递交" formnovalidate>
</form>
</body>
</html>
总结
到此这篇有关HTML5表单认证特点的文章内容就详细介绍到这了,更多有关html5 表单认证內容请检索脚本制作之家之前的文章内容或再次访问下面的有关文章内容，期待大伙儿之后多多适用脚本制作之家！
Copyright © 2002-2020 制作小程序_小程序商城_扫码点餐小程序_微信小程序开店的步骤_牛刀小程序 版权所有 （网站地图） 粤ICP备10235580号