ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML5新特性

2022-05-12 19:35:19  阅读:135  来源: 互联网

标签:视频 存储 浏览器 元素 特性 HTML5 数据 属性


 

表单属性:

placehoder 属性,简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示,在用户输入后消失。

required 属性,是一个 boolean 属性。要求填写的输入域不能为空 pattern 属性,描述了一个正则表达式用于验证<input> 元素的值。

min 和 max 属性,设置元素最小值与最大值。

step 属性,为输入域规定合法的数字间隔。

height 和 width 属性,用于 image 类型的 <input> 标签的图像高度和宽度。

autofocus 属性,是一个 boolean 属性。规定在页面加载时,域自动地获得焦点。 multiple 属性 ,是一个 boolean 属性。规定<input> 元素中可选择多个值。 

新视频播放:

HTML5 规定了一种通过 video 元素来包含视频的标准方法。 control 提供了 播放、暂停和音量控件来控制视频。也可以使用dom操作来控制视频的播放暂停,如 play() 和 pause() 方法。 同时 video 元素也提供了 width 和 height 属性控制视频的尺寸.如果设置的高度和宽度,所需的视频空间会在页面加载时保留。如果没有设置这些属性,浏览器不知道大小的视频,浏览器就不能再加载时保留特定的空间,页面就会根据原始视频的大小而改变。 标签之间插入的内容是提供给不支持 video 元素的浏览器显示的。 video 元素支持多个source 元素. 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式( MP4, WebM, 和 Ogg)

本地储存:

使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是cookies。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性能。数据以键/值对存在, web网页的数据只允许该网页访问使用。 客户端存储数据的两个对象为: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储, 当用户关闭浏览器窗口后,数据会被删除。

标签:视频,存储,浏览器,元素,特性,HTML5,数据,属性
来源: https://www.cnblogs.com/zfy050323/p/16263816.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有