表单有关知识点html,HTML5表单验证特性(知识点小结)

本文介绍了HTML5表单的多种特性,包括Form表单提交、Ajax无刷新页面提交、placeholder支持情况及解决方案、新增输入类型如email和date等、如何去除自动填充表单的黄色背景、下拉提示的实现、正则表达式的使用、表单验证的控制方法以及文本框自动聚焦等功能。
摘要由CSDN通过智能技术生成

前台提交信息到后台一般两种常见提交方式:

Form表单提交 和 Ajax无刷新页面提交

placeholder 不是所有的input都支持,比如input date就不支持

解决方案:

可以在date上面覆盖一个div,填写placeholder的内容

html5表单新增的类型:

email

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"

form

list1

list2

list3

label for 在radio或者checkbox中比较明显(对应的是input的id)

效果就是选中label时,对应的radio或者checkbox就会被选中

form

总结

到此这篇关于HTML5表单验证特性的文章就介绍到这了,更多相关html5 表单验证内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持! ad51e517755f8fd6a7ec83ced4ecfaf3.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值