H5新增属性02

Posted 2020-09-30

H5智能表单

input 新增 type值

• email 若输入的样式不和邮箱一样则报错
• url 必须输入url地址（加http://）
• number 只能输入数字 属性：min max step value(默认值）
• range 取值范围 属性：min max step value(默认值）
• tel
• search 效果和text一样，专用于搜索框 属性：result
• color 调出取色板
• date：选取日月年
• month：选取月年
• week：选取周年
• time：选取时间，小时和分钟
• datetime-lcoal 选取本地日月年
• 时间属性火狐不支持

Form元素 新增的 属性

• autocomplete 自动完成 值 off/on
• novalidate 不进行验证

表单控件新增的属性(input  textarea)

• pattern input/textarea
• placeholder 提示文字 input/textarea
• autofocus 自动获取焦点
• autocomplete 自动完成 off/on
• required 必填项目

提交按钮 新增属性

• formaction
• formmethod
• formtarget
• formectype
• formautocomplte
• formnovalidate

H5新增全局属性

• contenteditalbe 是否可编辑 true/false
• contextmenu 规定元素的上下文菜单（只有火狐可以用）
• spellcheck 是否语法检查 true/false
• draggable 是否拖动 true/false
• dropzone 规定在拖地被拖动数据是是否进行复制，移动或链接<element dropzone="copy|move|link">
• translate 是否翻译 yes/no
• hidden 隐藏 不需要值
• data-*

条件注释

• IE中的条件注释对IE的版本有优秀的区分能力
• 条件注释的基本结构和html的注释是一样的，因此IE以外的浏览器将他们看作是普通的注释而忽略他们，只有IE会识别，使得IE9及以下版本能识别新增标签

基础运算符

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

用法

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

<![endif]-->

兼容原则

• 优雅降级
• 渐进增强