网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > html5
  • html5新增元素document.queryselector属性

    document.queryselector其实也不算是html5的新增元素,它只是继承了html4的属性,今天我们就来说说document.queryselector属性如何使用? 先看一个实例,结合实例分析一下:<!DOCTYPE html><html><head> <meta charset="UTF-8"&a…

    2021/5/9 14:06:38
  • js localstorage存储音频如何实现?

    了解localStoragelocalStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。localStorage 的优势 1、localStorage 拓展了 cookie 的 4K 限制。 2、localStorage 会…

    2021/5/9 13:43:50
  • js sessionstorage失效时间

    定义和使用localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。提示: 如果你想在浏览器窗口关闭后还保留数据,可以使用 localStorage 属性, 该…

    2021/5/9 13:38:19
  • 用实例告诉你html5画图功能如何使用? 附源码

    在html5中可以使用canvas标签在画布上画图,我们先了解一下canvas标签的具体用法什么是 canvas?HTML5 <canvas> 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成.<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。你可以通过多种方法使用 canv…

    2021/4/2 21:35:57
  • html5中FileReader()函数的用法

    HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。FileReader的使用方式非常简单,可以按照如下步骤创建FileReader对象并调用其方法:1.检测浏览器对FileReader的支持if(window.Fi…

    2021/4/2 21:05:36
  • html5实现图片压缩上传的具体方法-附源码

    图片上传的功能相信大家并不陌生,但通过html5实现移动端的图片上传可能接触的就少了,这不我们刚做了个项目就需要实现这样的功能,下来我就和大家聊聊关于移动端图片压缩上传功能是如何实现的?大体的思路是,部分API的兼容性请参照caniuse:1、利用FileReader,读取blob…

    2021/3/28 22:02:16
  • html5身份证照片上传及预览缩略图-附源码

    html5页面上传图片很方便,主要用到了html5的FileReader方法,今天我们就通过身份证照片上传作为例子来说说它的用法。调用FileReader对象的方法FileReader 的实例拥有 4 个方法,其中 3 个用以读取文件,另一个用来中断读取。下面的表格列出了这些方法以及他们的参数和功…

    2021/3/28 10:52:43
  • 怎么让HTML5的input required属性的提示为英文而非中文?

    本来的required没有考虑本地HTML5的验证测试,而不是供应自己的自定义测试。如果你不想使用HTML5的类型匹配和模式匹配,然后利用setcustomvalidity()与oninvalid事件:<input type="text" pattern="[a-zA-Z]+" oninvalid="setCustomValidity…

    2021/3/24 21:49:23
  • HTML5怎么预览MP3如何获取播放时长?-附源码

    前一阵子做了个移动端的mp3网站,利用html5来实现相关的一些功能,比如:MP3的预览、获取MP3的时间长短,下面我们就说说这些功能是如何实现的?举例说明:<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>&l…

    2021/3/24 21:42:56
  • html5中如何以json数据格式提交表单?

    JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在网络或者程序之间轻松地传递这个字符串,并在需要的时候将它还原为各编程语言所支持的数据格式,例如在 PHP 中,可以将 JSON 还原为数组或者一个基本对象。在用到AJAX时,如果需要用到数组传值,这…

    2021/3/24 21:38:04
  • 项目开发人员必须掌握的html/HTML5/css代码规范

    如果你是一个人做网站,那你写代码可以天马行空,不用在意太多条条框框,但如果你是一个team去开发软件,大家都是我行我素,那软件开发出来肯定是失败的,今天我们就来说说一个team在编写前段HTML/CSS时的规范(主要参考Google的HTML/CSS编码规范)。Google规范的原文链接大…

    2021/3/21 15:40:05
  • 实例让您弄清楚HTML5范围样式scoped的使用方法

    Chromium 最近实现了一个HTML5的新特性:范围样式,又叫做<style scoped> 。开发者可以通过为根元素设定一个添加了scoped属性的style标签,来限制样式只作用于style标签的子元素上。这会限制样…

    2021/3/21 15:16:21
  • 用实例告诉你html5画图功能如何使用?附源码

    在html5中可以使用canvas标签在画布上画图,先直接上代码,这篇文章先简单介绍一下canvas的使用方法,简单画几个圆,矩形,三角形,写字。在代码中均给出了注释,在这里特别强调的一点是:使用canvas画图时有时候必须beginPath和colsePath,但有时不需要,为了防止出现问题…

    2021/3/21 14:51:36
  • html5中常用的表单自带验证功能属性都有那些?

    说到输入类型,大家很快的就会想到input标签。只有input标签才可以规定不同的类型。HTML5恰恰就是在input中的type属性添加了一些新的属性值。这些新的属性值不仅可以反映数据类型的信息,还可以提供一些默认的验证功能。其中,”email”和”url”是两个得到支持最多的类型…

    2021/3/21 14:44:02
  • html5中如何让表单不验证,禁止、跳过验证?

    html5中让表单不验证,跳过验证其实非常简单,通过在form标签中添加novalidate属性,可以让表单不自行验证。JavaScript中可以使用novalidate获取,若存在则是true,反之则是false。如果提交按钮有多个,为了指定点击某一个提交按钮不必验证表单,可以在相应的按钮上添加fo…

    2021/3/21 14:37:25
  • html5中如何判断验证input range滑动条输入范围最小值和最大值?

    在没有html5之前,我们要实现form表单的input滑动条功能是非常复杂的,需要js写若干行代码才能进行验证,但有了html5之后,就有了range类型的input来实现滑块效果,滑块最大值和最小值的验证也变得非常简单。对这些数值类型的输入元素,可以指定min属性(最小的可能值)、m…

    2021/3/21 14:21:47
  • HTML5代码如何实现网页内容的拖动功能?

    HTML5之前,要实现网页元素的拖动操作,需要依靠mousedown、mousemove、mouseup等API,通过大量的JS代码来实现; HTML5 中引入了直接支持拖动操作的API,大大简化了网页元素的拖动操作编程难度,并且这些API除了支持浏览器内部元素的拖动外,同时支持浏览器和其它应用程序…

    2021/3/11 22:33:33
  • HTML5实现特效心形图片墙-附源码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ…

    2021/3/11 22:29:30
  • 如何使用HTML5—API来操作本地SQLite数据库?

    按照国内一HTML5先行者的例子仿写了一个用HTML5 API来操作本地SQLite数据库的例子,感觉这个功能蛮好玩的,但是还不够强大,尤其浏览器支持力度不够:HTML代码:<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>使用HTML5本地数…

    2021/3/10 22:06:26
  • 实例告诉您HTML5的WEB SQL数据库如何使用?含源码

    Web SQL数据库API实际上未包含在HTML 5规范之中,它是一个独立的规范,它引入了一套使用SQL操作客户端数据库的API。假设你是一名优秀的Web开发人员,那毫无疑问,你对SQL和数据库的相关概念已经很熟悉了,如果你对SQL不熟悉,那在继续阅读本文之前,最好先学习一下SQL相关…

    2021/3/9 22:21:35
共22记录«上一页12下一页»