zoukankan      html  css  js  c++  java
  • 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貌似只是加入了模糊搜索的功能。

    未完。。后续再编辑

  • 相关阅读:
    Quick Union
    Quick Find (QF)
    ubuntu kylin18 安装NVIDIA驱动
    vim 快捷键(update)
    Qt中的ui指针和this指针
    两种状态机扫描按键,第二种只要三行!!!
    RPi:QT+wiringPi demo程序
    esp-12e折腾
    vfd电子时钟制作
    vfd with stm8
  • 原文地址:https://www.cnblogs.com/pengwenfan/p/8944174.html
Copyright © 2011-2022 走看看