HTML5
关注
分享
扫一扫
夜雨Gecer
To be or not to be
展开
-
【H5】新增表单事件
onInout 获取input内的value发生变化时触发 <input id="test_input"><script> document.getElementById('test_input').oninput=function () { console.log(this.value); }</sc...原创 2019-08-23 10:41:42 · 373 阅读 · 0 评论 -
【H5】H5新增表单元素-datalist
datalist input输入后根据输入内容可选择的列表<input type="text" list="serach_list"> <dataList id="serach_list"> <option value="value01" label="data01"></option> <op...原创 2019-08-23 09:59:36 · 663 阅读 · 0 评论 -
【H5】H5新增input属性
placeholder 占位提示 <input placeholder="请输入XXXX"> autofocus 自动获取焦点 <input autofocus> autocomplete 自动提示 <form action=""> <!-- 前提1.成功提交;2.必须有n...原创 2019-08-23 09:32:05 · 823 阅读 · 0 评论 -
【H5】常用语义化标签以及ie兼容性解决方案
标签名 作用 nav 导航 header 页眉或头部 footer 页脚或尾部 main 主要内容 article 文章 aside 主题内容之外（副结构） 举例h5 在主流浏览器下都会支持，ie9及以上支持（ie9部分只支持，以上元素要手动设置为display:block），ie9以下不支持h5元素。ie9以...原创 2019-08-22 15:00:56 · 308 阅读 · 0 评论 -
【H5】querySelector、querySelectorAll获取页面元素
先上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .red{ color: red; }...原创 2019-08-26 10:09:24 · 1379 阅读 · 0 评论 -
【H5】自定义属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--规范：1.data-开头2.data-后必须至少有一个字符，多个单词使...原创 2019-08-26 10:25:06 · 179 阅读 · 0 评论 -
【H5】网络开、断状态监听接口
效果代码 window.addEventListener('online',function () { alert('网络已连接') }) window.addEventListener('offline',function () { alert('网络已断开') })原创 2019-08-26 10:48:34 · 695 阅读 · 0 评论 -
【H5】sessionStorage、localStorage
/* cookie存储只有4k,sessionStorage能够存5Mb,数据存在当前页面的内存中，生命周期到关闭当前页面，所以不同页面不能共享数据 */ //添加、修改 sessionStorage.setItem('name', 'gecer'); //获取数据 var name = sessionStorage.getItem('name...原创 2019-08-26 17:20:50 · 145 阅读 · 0 评论