HTML 5关闭表单的自动填充（Autocompletion）
在HTML 5可以使用autocomplete属性关闭表单的自动填充。autocomplete="off" autocomplete可以在两个地方使用：form标签和input等输入标签form标签在form标签添加autocomplete="off"是关闭整个表单的自动填充。<form method="post"
html
[译]<head>内的元素自选指南（A free guide to <head> elements）
最小推荐以下是基本的简约网站的基本标签：<meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" c
Html5使用localStorage存储对象数据
Html5可使用localStorage存储数据，其方法为storage.setItem(keyName, keyValue); 其中：keyName：键，字符串类型keyValue：值，字符串类型关于setItem，可以参考：Storage.setItem()。如果需要存储对象数据，那么需要把对象数据使用JSON.stringify转换为字符串。localStorage.setItem
html给文本输入框添加自定义的清除按钮
使用HTML 5，如果对清除按钮的样式不介意的话，可以使用search类型的输入框，它会提供一个默认的清除按钮<input type="search" placeholder="搜索" /> 如果想自定义清除按钮，则需要自己实现，这里使用jquery给出一个实现的方案：<!DOCTYPE h
Html对加载失败的图片使用默认图片替换
在img标签使用onerror监听图片的加载，如果出现错误：1、设置onerror=null，这是为了避免default.png也加载失败2、把图片的src属性设置为默认图片的url，加载默认图片替换。<img src="myimg.png" onError="this.onerror=null;this.src='default.png';&quo
HTML5 上传文件选择多个文件
在HTML5中，您可以添加Multiple属性以选择多个文件。简单如下： <input type="file" name="filefield" multiple="multiple">
移动端头部meta大全
移动端head的meata大全：<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --><html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --><head> <!-- 声明文档使用的字符编码 -->
CSS三栏布局——浮动
不使用定位，只使用浮动实现左右固定，中间宽度自适应布局实现关键：自适应部分一定要放在第一个位置，使用浮动，且宽度设置为100%，如果不设置为100%，浮动元素内容不够撑开整个宽度。左右固定部位，使用margin-left :负数，使其左右靠齐。中间自适应部分嵌套一个div，设置margin-left 和 margin-right 使其空出左右固定的宽度。代码如下：<!DOCTYPE HTML
CSS三栏布局——定位
这里首先让中间栏绝对定位，两边栏相对定位；这里需要注意的是，如果中间使用绝对定位，不设置宽度的话将会撑不开容器；因此，中间使用了相对定位后，同时设置margin-left和margin-right给左右两栏一定空间，然后左右两栏不管是相对定位还是绝对定位都可以，这里我们使用绝对定位：<!DOCTYPE HTML> <html lang="en-US"> <head&g
CSS三栏布局——双飞燕定位
这种布局方式需要对父容器设置padding，使用padding来给左右两栏空出空间如果左右两边使用绝对定位，那么方法就和上一节的方法差不多，如果使用相对定位，在结合浮动的话，方法代码如下：<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <titl
CSS三栏布局——flex
flex布局现在越来越流行，很多框架都采用flex布局。今天我们采用flex来实现三栏布局。首先父元素设置flex:display。左右分别设置flex: 0 0 200px。代码如下所示：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
数据加载中