• 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框。有时,这种体验并不好。

    4、list

    <input list="browsers">

    <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
    </datalist>

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

    与select的比较:list貌似只是加入了模糊搜索的功能。

    未完。。后续再编辑

  • 相关阅读:
    从头认识java-2.2 算术操作符
    从头认识java-2.1 操作符
    从头认识java-1.8 创建和操纵对象(2)
    从头认识java-1.8 创建和操纵对象(1)
    从头认识java-1.7 单根继承与集合
    从头认识java-1.6 多态
    从头认识java-目录
    颜色
    内部CSS
    外部CSS
  • 原文地址:https://www.cnblogs.com/pengwenfan/p/8944174.html
Copyright © 2020-2023  润新知