H5新增属性02

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]-->

兼容原则

  • 优雅降级
  • 渐进增强
时间： 2024-12-28 01:14:05

H5新增属性02的相关文章

h5新增属性

H5新增标签 结构标签 (双) header 头面 页面头部 section的头部 footer 页脚 nav 导航 aside 侧边栏 main 规定文档的主体内容 section 定义文档中的小节 article 定义文章 论坛 报纸 用户评论 details 属性open summary dialog 对话框 属性 open 文本标签 mark 标记 time 时间 meter 度量 温度/电量/容量 属性 max/min/value/low/high/optimum progress 进

css3新增属性02

CSS3 选择器 基础选择器 通配符选择器 * ID选择器 #Id class选择器 .classname 元素选择器 tagName 群组选择器 slecter,selecter 层次选择器 后代选择器 selecter selecter 子元素选择器 selcter>selecter 相邻兄弟选择器 selecter+selecter 通配兄弟选择器 selecter~selecter 属性选择器 selecter[attr] 包含attr属性的元素 selecter[attr=val] a

h5新增属性和方法

1.headerheader 标签定义文档或者文档的一部分区域的页眉.一般作为介绍内容或者导航链接栏的容器.在一个文档中,可以定义多个 <header> 元素.注:<header> 标签不能被放在 <footer>.<address> 或者另一个 <header> 元素内部. 2.navnav定义页面中导航链接部分(传统导航条.腾讯新闻.侧边栏导航.内页导航.百度百科.翻页操作)注:并不一定是视觉上的导航,只要是多链接区域,都可以使用 3.art

h5新增浏览器本地缓存localStorage

h5新增属性学习笔记(非原创) html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁. 因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储. 而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的. 一.web storage和

h5新增标签、css3新增属性

- h5新增的标签 新增元素 说明 video 表示一段视频并提供播放的用户界面 audio 表示音频 canvas 表示位图区域 source 为video和audio提供数据源 track 为video和audio指定字母 svg 定义矢量图 code 代码段 figure 和文档有关的图例 figcaption 图例的说明 main time 日期和时间值 mark 高亮的引用文字 datalist 提供给其他控件的预定义选项 keygen 秘钥对生成器控件 output 计算值 prog

H5新增form控件和表单属性

第一个知识点:表单的属性及总结 第二个知识点:H5新增的表单控件和属性以及总结 第一个知识点: 我们常见的表单验证有哪些呢 text 文本框标签 password 密码框 checkbox 多选框 radio 单选框 button 按钮 submit 提交按钮 以上是我们常用的一些form属性 第二个知识点:H5新的输入型控件 (一)email:电子邮箱文本框,跟普通的没什么区别 1.当输入不是邮箱的时候,验证不通过 2.移动端键盘会有变化 (二)tel:电话号码 1.主要在移动端,一个键盘的切

H5新增input属性

目录 H5中新增input系列(2) H5新增的input的type属性 1.placeholder 属性 2.step 属性 3.pattern 属性 4.multiple 属性 5.min 和 max 属性 6.height 和 width 属性 7.list属性 8.required属性 9.formtarget 属性 10.formmethod 属性 11.autofocus 属性 12.autocomplete 属性 13.form 属性 14.formaction 属性 15.for

h5新增标签及css3新增属性

- h5新增的标签 新增元素 说明 video 表示一段视频并提供播放的用户界面 audio 表示音频 canvas 表示位图区域 source 为video和audio提供数据源 track 为video和audio指定字母 svg 定义矢量图 code 代码段 figure 和文档有关的图例 figcaption 图例的说明 main   time 日期和时间值 mark 高亮的引用文字 datalist 提供给其他控件的预定义选项 keygen 秘钥对生成器控件 output 计算值 pr

h5新增内容

一.h5新增标签:摘取w3cSchool: <article>定义 article.<aside> 定义页面内容之外的内容. <footer> 定义 section 或 page 的页脚.<header>定义 section 或 page 的页眉.<section>定义 section. <nav>定义导航链接. <canvas> 定义图形.<audio> 定义声音内容. <video>定义视频.&