zoukankan      html  css  js  c++  java
  • H5智能表单

    表单

    • keygen元素的作用是提供一种验证用户的可靠方法
    • datalist 元素规定输入域的选项列表
    • output元素用于不同类型的输出,比如计算或脚本输出

    智能表单

    input 新增type值

    • email 邮箱地址
    • url 网址
    • number 输入值必须是数字
    • 属性 min最小 max最大 step指定跳跃 value默认值
    • range取值范围
    • 属性 min/max/step/value
    • tel 用于电话号,因为存在 - 等字符,所以等同于text 但是用移动设备,会直接弹出数字键盘
    • search 效果和text一样,专用于搜索框
    • 属性 results
    • color
    • date
    • month
    • week
    • time
    • datetime-lcoal选取本地时间,日月年

    form元素 新增的属性

    • autocomplete 值 off/on
    • novalidate 不进行验证

    表单控制新增的属性

    • pattern input/textarea属性规定用于验证输入字段的模式
    • placeholder input/textarea
    • autofocus 元素应该自动获得焦点
    • autocomplete off/of自动完成
    • required

    提交按钮 新增属性

    • formaction - 重写表单的 action 属性
    • formmethod - 重写表单的 method 属性
    • formenctype - 重写表单的 enctype 属性
    • formtarget - 重写表单的 target 属性
    • formnovalidate - 重写表单的 novalidate 属性

    H5新增全局属性

    • contenteditalbe 是否可编辑
    • contextmenu
    • spellcheck 是否语法检查 true/false
    • draggable 是否拖动 true/false
    • dropzome
    • translate 是否翻译 yes/no
    • hidden 隐藏 不需要值
    • data-*

    条件注释

    基础运算符

    • lt 小于
    • gt 大于
    • lte 小于等于
    • gte 大于等于
    • ! 不等于

    用法

    <!--[if   运算符  IE版本]>
    <![endif]-->
    

    兼容原则

    • 优雅降级
    • 渐进增强
  • 相关阅读:
    new 做了什么
    create-react-app+react-app-rewired引入antd实践
    实战build-react(二)-------引入Ant Design(增加)
    package.json文件
    读书多些会怎样
    关于学历
    QDialog弹出一个窗口,改变窗口大小
    #include <thread>
    #include <memory>
    #include <map>
  • 原文地址:https://www.cnblogs.com/DCL1314/p/7273351.html
Copyright © 2011-2022 走看看