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里定义提交地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

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