您现在的位置是：网站首页> 编程资料编程资料

HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法

2023-10-15 451人已围观

简介本篇文章小编为大家介绍，HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法。需要的朋友参考下

新增属性	个人理解
form	html5之前，表单内的从属元素需要放入标签中，现在可以为标签指定form标签即可点评：该功能解决了我们实际中遇到的一些问题，比如iframe模拟异步图片上传时，就必须将图片写到form外。
formaction formmethod	该属性用于按钮（submit）让表单提交页面可又按钮控制 formmethod指定各按钮提交方式
placehoder	该属性非常有用，用于文本框中显示提示信息，非常有用的一属性
list	list属性需要与datalist一同使用，相当于文本框，模拟select，非常适用的一个属性
autofocus	用于文本框主动获取焦点，有用的东东
新增input属性，解放验证，各浏览器支持不好
tel	用于电话
url	验证url
email	验证邮箱
date/time	日期类验证，会出现日期选择插件哦。。。
number	只能是数字
range	控制数字范围
color	颜色选择器，好东西啊。。。

HTML5中增加了很多与form有关的属性，说实在的，这些东西真心贴心啊！！！很大程度上讲：

完全解放表单验证

若不是考虑兼容性问题，老夫恨不得立即投入其中，但一旦想起兼容性问题的话，你就会非常头疼！！！

因为原本很好的东西，却是因为历史的原因，反而会增加我们的工作量！！！

在错的时间，做对的事情，他看起来是对的，实际上也是对的。。。但你会发现，他错了。。。。

项目	个人理解
figure/figcaption	据说表示页面独立内容，移除后无影响，暂无发现用处..
details	该标签有点意思，用于替代js中，元素收起展开功能。最新ff都不支持……个人觉得，既然提供了该标签应该提供属性表示上下展开或者左右展开；
mark	高亮显示，当真语义化
progress