HTML5表单新增属性

这一段时间一直在写公司的后台管理系统;在写后台管理的时候有两点是特别爽的:

首先不用考虑兼容性;

第二呢就是页面的美观;

不说太多了,直接写一下自己这一周的感想吧;

首先在写后台的时候;登录页面上是必需的;一般在写后台管理系统的时候;UI的参与的可能性就比较低了;应为毕竟在本公司后台写自己的管理后台;用着怎么方便怎么来;但是太丑话;也太对不起咱们的技术;其实说白了就是在写后台的时候,可能需要你自己根据需求还有产品给的原型图来定一个主题;这个时候其实挺考验你的经验的;怎么写才能更好的显示每个区域的功能;这个个人觉的需要经验来积累吧;而且你要自己定个主题;

哎呀有点跑偏了;等下一篇在写自己的写的一个成型的管理系统;我是基于angularJs1+Bootstrap3为基础框架写的一个;觉得不LOW得话;可以给大家分享;

言归正传;

在H5中新增的属性;使表单验证变得更加便利了;具体总结了以下几个

这些属性必须在form标签里面才能使用

placeholder 占位字符

autofocus 设置某元素自动获取焦点

autocomplete 是否开启自动完成

要求表单必须被提交,需要自动完成的元素必须添加name属性

novalidate 是否进行非法性验证(添加到form上)

添加该属性表示不进行验证

form 指定元素跟随对应的表单进行提交

form="要跟随的表单的ID"

指定后,当点击form表单中的提交按钮时,该元素会被一同提交

required 非空验证

pattern 指定一个正则表达式,当输入值与表达式不符时,将禁止提交

以下这两项并不是form专属,任何元素都可

contenteditable 允许元素内容可编辑

draggable="true" 允许元素可拖拽

当然了H5同样新增了一些input;


电子邮件:

数字:

范围:

URL:

image:

时间:

日期:

月:

周:

时间:

本地时间:

颜色:

电话:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML表单 在HTML中,表单是 ... 之间元素的集合,它们允许访问者输入文本、选择选项、操作对象等等,然后将...
    兰山小亭阅读 3,492评论 2 14
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,358评论 19 139
  • 睡觉,哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 和你们拍婚纱照 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈,不...
    黑煤馅的小姐姐阅读 342评论 0 1
  • 五一我回天津参加大学室友的婚礼,回程的时候和另外一位室友玲玲同行,玲玲最近相了个亲,男方是天大的本硕博连读,长相和...
    周美英阅读 447评论 0 0
  • 最近对一个问题很是困惑——当HR面试完毕之后,到底在干什么? 为什么说好的一两天之内会有通知,到最后都过了一个多星...
    boo蒲阅读 1,372评论 0 0

友情链接更多精彩内容