H5新特性

1.新特性


    1.新的语义化标签:比如<header>,<nav>,<footer>和<section>等。

    2.表单 2.0 :改进了HTMLweb表单,为<input>标签引入了一些新的属性。

    3.持久化本地存储:为了不通过第三方插件实现。

    4.WebSocket:用于应用程序的下一代双向通信技术。

    5.Canvas: 支持用JavaScript以编程的方式进行二维绘图。

    6.多媒体:在网页中嵌入音频或视频不再借助第三方插件。

    7.地理定位:用户可以选择与我们的网页共享他们的地理位置。

    8.拖拽:把同一网页上的元素从一个位置拖放到另一个位置。


2.新增标签  

1.多媒体:`<audio></audio>,<video></video>,<source></source>,<embed></embed>`

2.新表单元素:`<datalist>,<output>,<keygen>`

3.新文档节段和纲要:        页面头部:`<header>`        章节:`<section>`        边栏:`<aside>`        文档内容:`<article>`        页面底部:`<footer>`        章节:`<section>`        边栏:`<aside>`        文档内容:`<article>`

3.新的输入型控件(表单控件)

           • email:电子邮箱文本框,跟普通的没什么区别

                    –当输入不是邮箱的时候,验证通不过

                    –移动端的键盘会有变化

            • tel:电话号码

            • url:网页的URL

            • search:搜索引擎

                    –chrome下输入文字后,会多出一个关闭的X

            • range:特定范围内的数值选择器

                    –min、max、step(步数)

                    –例子:用JS来显示当前数值

            • number:只能包含数字的输入框

            • color:颜色选择器

            • datetime:显示完整日期

            • datetime-local  :显示完整日期,不含时区

            • time:显示时间,不含时区

            • date:显示日期

            • week:显示周

            • month:显示月

    新的表单特性和函数

            • placeholder  :输入框提示信息

                    –例子:微博的密码框提示

            • autocomplete  :是否保存用户输入值

                    –默认为on,关闭提示选择off

             • autofocus:指定表单获取输入焦点

             • list和datalist:为输入框构造一个选择列表

                    –list值为datalist标签的id

             • required:此项必填,不能为空

            • Pattern :正则验证pattern="\d{1,5}“

            • Formaction在submit里定义提交地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,902评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,037评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,978评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,867评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,763评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,104评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,565评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,236评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,379评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,313评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,363评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,034评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,637评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,719评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,952评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,371评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,948评论 2 341

推荐阅读更多精彩内容

  • h5新特性 于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的...
    Farewell_V587阅读 758评论 0 5
  • 1.用于绘画的canvas2、媒体回放的video和audio元素3、离线存储更高的支持4、新的标签,之前写页面都...
    聆听者JYZ阅读 2,046评论 0 1
  • 1.全屏化(FullScreen) 1.1进入全屏 1.2退出全屏 1.3注意 全屏操作需要用户来处理,代码从上向...
    予以暖杀风阅读 435评论 0 2
  • FileList inputEle.files 表单文件域 event.dataTransfer....
    社会你码ge阅读 226评论 0 0