HTML5的LocalStorage实现记住密码
HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用 ...
原文：HTML5实现输入密码（六个格子）
我的思路：用六个li充当六个格子，同时将input框隐藏，点击承载六个格子的容器时，使焦点聚焦在input上，可以输入。通过监听input框输入的长度，控制格子内小黑点是否显示，同时用正则替换非数字。 因为是用vue开发，并不是所有人粘贴就能使用，不过思路和实现过程都很简单明了。 下面是贴代码： html部分 css部分 JS部分 最后是界面效果，有些简单。 ...
2017-06-09 14:08 2 7818 推荐指数：
相关推荐
html5对密码加密
今天找了几个关于对html5的密码加密的方法，仅供参考 1、base64加密：在页面中引入base64.js文件，调用方法为： base64下载：http://files.cnblogs.com/mofish/base64.js 2、md5加密：在页面中引用md5.js文件 ...
利用HTML5 的Datalist 元素实现输入提示
HTML5有无限可能，总是在释出一些新鲜实用的功能，让原生的web环境更加炫酷。 今天看到datalist 这个元素，可以用来预先定义一个输入框的潜在选项，也就是我们在平时项目中经常用jQuery插件或者自己写JS来实现的autocomplete「自动补全，但似乎自动提示更贴切一些」功能 ...
html5标准事件oninput实现输入检测
以往我们实现input的输入监听用到的无非是onkeyup、onkeydown、onchange，但是这些都有着一些不好的用户体验。比如onchange事件只在键盘或者鼠标操作改变对象属性，且失去焦点时触发，脚本触发无效；而onkeydown、onkeyup在处理复制、粘贴、拖拽 ...
html5 Input限制输入
JS判断只能是数字和小数点(测试写了type属性有时会失效) 1.文本框只能输入数字代码(小数点也不能输入) 2.只能输入数字,能输小数点. 或 3.数字和小数点方法 ...
HTML5实现全屏
现在主流的浏览器都支持全屏，但是各家实现不一。下面是主流浏览器实现方法： 实际使用的时候我们需要做兼容，可以用函数包装起来： 封装后兼容主流浏览器用法，且支持某个指定的元素全屏，支持class、id查询。默认是对整个网页全屏。 调用方法： 可能出于安全考虑，只能手动触发 ...
HTML5 拖拽实现
简介： 最早在网页中引入JavaScript拖放功能是IE4。当时，网页中只有两种对象可以拖放：图像和某些文本。拖放图像时，把鼠标放到图像上，按住鼠标不放就可以拖放它。拖放文本时，要先选中文本， ...
HTML5实现全屏
现在主流的浏览器都支持全屏，但是各家实现不一。下面是主流浏览器实现方法： // W3C 提议 element.requestFullscreen(); element.exitFullscreen(); // Webkit (works in Safari5.1 and Chrome 15 ...