UDN-企业互联网技术人气社区

板块导航

浏览  : 1414
回复  : 3

[HTML5] HTML5 form标签之解放表单验证

[复制链接]
友美C_cup的头像 楼主
发表于 2015-7-23 12:58:17 | 显示全部楼层 |阅读模式
  HTML中与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

丝们,可以告别gif图片了,也不用div模拟百分比了,与windows区域一致的进度条出现啦,异步文件上传更加完善!

改良ol

老夫就没有用过这个主。。。

……


  以上元素属于可有可无的元素,不必赘述,


相关帖子

发表于 2015-8-10 20:28:17 | 显示全部楼层
恩,排版更清晰点就更好了
使用道具 举报

回复

发表于 2015-8-15 03:37:57 | 显示全部楼层
OMG!介是啥东东
使用道具 举报

回复

发表于 2015-8-15 10:50:39 | 显示全部楼层
回帖支持下楼主,请眼熟我,我叫许灵
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部