美文网首页
HTML5表单新增属性

HTML5表单新增属性

作者: 吴高亮 | 来源:发表于2017-03-28 16:39 被阅读0次

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

首先不用考虑兼容性;

第二呢就是页面的美观;

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

首先在写后台的时候;登录页面上是必需的;一般在写后台管理系统的时候;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:

时间:

日期:

月:

周:

时间:

本地时间:

颜色:

电话:

相关文章

  • h5表单

    html5 表单 新增input类型 新增表单元素 html5表单验证 新增表单属性 新增的input类型 inp...

  • HTML5详解

    01-HTML5新增语义化标签 HTML5语义化标签的兼容 HTML5新增表单控件和表单属性 HTML5表单验证反...

  • HTML5和CSS3提高

    视频 播放 html5新增input类型 新增表单属性 required required 表单不能为空pl...

  • 表单的自动完成功能

    HTML5 中表单新增属性 autocomplete 。 在编写表单结构的时候,多次在input输入提交。在下次输...

  • 02.HTML5表单新增的元素与属性

    表单新增的属性 1.form属性 HTML4中,表单内的从属元素必须书写在表单内部,而在HTML5中,可以把他们书...

  • HTML5表单

    Html5增加了一些新的特性 form属性Html5之前所有的表单属性都要放到form里面,新增了form属性后,...

  • 2019-10-20

    HTML5 File API 在 HTML5 的 input 标签中,新增了一个 type=file 属性的表单控...

  • HTML5和CSS3

    html5上新增加了语义化标签(结构标签),表单属性,表单种类,全局属性。css3增加了transition过渡属...

  • HTML5和CSS3

    html5上新增加了语义化标签(结构标签),表单属性,表单种类,全局属性。css3增加了transition过渡属...

  • html5之新增表单属性

    html5新增了许多表单属性。这里主要分为 属性和 属性,当然还有关于checkbox的和label标签的属性我们...

网友评论

      本文标题:HTML5表单新增属性

      本文链接:https://www.haomeiwen.com/subject/ifxebttx.html