html5新特性笔记

表单:

<form>新属性:

  • autocomplete
  • novalidate

<input>新属性:

  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • height 与 width
  • list
  • min 与 max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

讲解其中的几个:

1、autocomplete

属性规定输入字段是否应该启用自动完成功能,有两个值(on / off)。默认是on(开启)

注意: autocomplete 适用于 <form> 标签,以及以下类型的 <input> 标签:text, search, url, telephone, email, password, datepickers, range 以及 color。

这个要在你提交表单之后,再在input里面输入内容的时候才会有相应的提示信息。

有些场景下你可能不能要改提示功能,避免用户信息泄露。这时候需要手动去关闭该提示功能。

2、novalidate 

它是一个 boolean(布尔) 属性,没有值

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

就是关闭html5的自动默认验证功能。包括email,number等的悬浮提示等都会无效。

3、autofocus ,没有值

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

注意:有些场景下,其实不需要这种功能,有些插件,比如angular的ng-dialog,会默认使用该功能,导致进入该页面之后

自动聚焦第一个input框。有时,这种体验并不好。

未完。。后续再编辑

猜你喜欢

转载自www.cnblogs.com/pengwenfan/p/8944174.html