博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
H5智能表单
阅读量:5114 次
发布时间:2019-06-13

本文共 949 字,大约阅读时间需要 3 分钟。

表单

  • 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-*
  • 1201653-20180105113819706-581928690.png

条件注释

基础运算符

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

用法

兼容原则

  • 优雅降级
  • 渐进增强
    1201653-20180105113427081-1917009884.png

转载于:https://www.cnblogs.com/DCL1314/p/7273351.html

你可能感兴趣的文章
Delphi 取整函数round、trunc、ceil和floor
查看>>
记百人计划--测试思路
查看>>
Python接口测试之moco
查看>>
android NDK的单步调试
查看>>
C/C++二维数组的用法
查看>>
排序 冒泡排序法
查看>>
同步代码时忽略maven项目 target目录
查看>>
MVC.NET:提供对字体文件.woff的访问
查看>>
Informatica_(2)第一个例子
查看>>
string 常用函数
查看>>
RGB色彩的计算机表示
查看>>
iOS地图之MapKit框架
查看>>
2010年过年左右时的艾米果
查看>>
朱元璋
查看>>
[常微分方程]Lecture 2: 欧拉数值方法及推广
查看>>
第九届全国大学生数学竞赛(江西赛区)数学类获奖学生名单
查看>>
《大型网站技术架构》读书笔记之七:随需应变之网站的可扩展架构
查看>>
剑指Offer面试题:28.连续子数组的最大和
查看>>
面向对象之继承
查看>>
一天一首现代诗
查看>>