北京WEB前端培训
在线咨询 电话咨询 校区地址

课程

环境

就业

试听

企业培训

扫码
关注

首页 / 

行业资讯

北京web前端培训 HTNL5中新增的表单属性

时间: 来源:火星人

在HTML5中新增了很多表单属性,这些属性可以控制/操作表单,极大的简化了我们用于控制表单的js代码,优化了我们的工作效率和浏览器性能。我们一定要加以善用,今天我来喂大家介绍一些实用的HTML5新增表单行内属性,希望大家喜欢。


autocomplete

用户在文本框输入前几个字母或是汉字的时候,该控件就能从数据库里将所有以这些字母开头的数据提示给用户,供用户选择,提供方便。

简单来说,就是用户在文本框中输入信息并提交后,浏览器就能记忆信息,并在用户再次输入相似信息时给予提示

语法:autocomplete=“on”

autofocus

autofocus 属性规定在页面加载时,域/文本框自动地获得焦点。

语法: autofocus="autofocus"


form

form 属性规定输入域所属的一个或多个表单。

不要误会了,这个跟form标签一样的属性并不是因为什么错误出现在这里的。这个属性的作用是指定表单元素所属的form标签,是这个表单元素在不被指定form包裹甚至是被其他form包裹是仍能指向指定form。

语法:form="指定form的id"


list

list 属性规定输入域的 datalist。datalist 是输入域的选项列表。

list 属性适用于以下类型的 input 标签:text, search, url, telephone, email, date pickers, number, range 以及 color。

效果如下:



min、max 和 step

min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定(约束)。
max 属性规定输入域所允许的最大值。
min 属性规定输入域所允许的最小值。
step 属性为输入域规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等)。

min、max 和 step 属性适用于以下类型的 input 标签:date pickers、number 以及 range。

注意:这三个属性限制的不是位数的输入而是数字本身的大小和间隔。

语法:min="0" max="10" step="3"


multiple

multiple 属性规定输入域中可选择多个值。

注释:multiple 属性适用于以下类型的 input 标签:email 和 file(文件上传)。

看效果就知道了,用于多emall选取和多文件上传

语法:multiple="multiple"


novalidate

novalidate 属性规定在提交表单时不应该验证 form 或 input 域。

简单来说,如果你的表单元素自带验证功能,如emall或者number,那么加上这个属性之后即使你输入的内容不是这个表单元素所接受的它仍然会提交。

语法:novalidate="true"


pattern

pattern 属性规定用于验证 input 域的内容。

pattern的值是正则表达式。这意味着我们不用js也能完成一部分表单验证

语法:pattern="正则表达式"


placeholder

placeholder 属性提供一种提示(hint),描述输入域所期待的值。

提示会在输入域为空时显示出现,会在输入域获得焦点时消失

如下:

语法:placeholder="提示内容"


required

required 属性规定必须在提交之前填写输入域(不能为空)。

语法:required="required"

关键词:北京web前端培训,北京web前端,web前端,HTML5培训,HTML5发展

热门课程推荐  点击查看全部课程

北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
北京UI培训
  • 14年教育品牌
  • 课程不断更新
  • 签订就业协议
  • 项目案例讲解
  • O2O教学模式

北京火星人科技文化发展中心版权所有 Copyright & copy 2002-2016 2ds.cn, All Rights Reserved 京ICP备 10216795号