html5表单和伪类
type = "email"; 自带验证格式
type = "url"; 网址 http//:
type = "tel";移动端会变成数字键盘
type = "search";输入的时候多出x ,适合移动端
type = "range"; min="最小值" max = "最大值" step = "跳动" value = "当前值";数值选择器;
type = "number" min="最小值" max = "最大值" step = "跳动";  数字控件 ;
type = "color";颜色控件;
type = "datetime-local"; 时间控件;
type = "time" ; 时分;
type = "data" ; 年月日;
type = "week" ; 一年的第几周;
type = "month" ; 一年的第几个月;
type = "password" 密码框
表单属性
placeholder = "请输入内容";
用伪类设置颜色 input::placeholder( color ); 注意兼容
《 autocomplete : "off/on" 提示 list  = "list";
datalist id="list"  标签 > option 控制提示下拉内容 》
autofocus 页面加载完获得焦点
required 提交内容不为空
pattern = "";正则验证
formction = ""提交地址 写在submit提交按钮上
validity对象 
lnvalid事件 :验证反馈 formnovalidate属性 : 关闭验证
属性选择器
input[ type = "submit" ]{ 样式 }
词列表 ~= ^= $= |= 
div:target伪类 可以做选项卡 锚点 hash (哈希)
disabled 不可点击的表单控件
endbled 可点击的表单控件
checked 默认选中 
.box~p 后面的所有元素
.box+* 相邻的一个 
:first-line 第一行
:fiest-letter 第一个字
::selection 设置点击之后背景
:not( 元素 ) 排除
html5表单和伪类的更多相关文章
- css---4表单相关伪类
		input:enabled{ color:red;} input:disabled{ color:blue;} enabled or disable 表单的状态 input:checked{ widt ... 
- 完善:HTML5表单新特征简介与举例——张鑫旭
		一.前言一撇 其实关于HTML5的表单特征早在去年“你必须知道的28个HTML5特征.窍门和技术”一文中就有所介绍(在第十一项),不过,有些遗憾的是,此部分的介绍是以视频形式展示的,其实,是视频还好啦 ... 
- jQuery html5Validate基于HTML5表单验证插件
		更新于2016-02-25 前面提到的新版目前线上已经可以访问: http://mp.gtimg.cn/old_mp/assets/js/common/ui/Validate.js demo体验狠狠地 ... 
- 实现跨浏览器html5表单验证
		div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float: ... 
- html5表单验证
		表单验证为终端用户检测无效的数据并标记这些错误,是一种用户体验的优化. 下面展现浏览器自带的验证功能也可在移动端中查看: HTML部分: <!DOCTYPE html> <html ... 
- Ideal Forms – 帮助你建立响应式 HTML5 表单
		Ideal Forms 是建立和验证响应式 HTML5 表单的终极框架.它刚刚发布 V3 版本,更小,更快,更具可扩展性.它支持实时验证,完全自适应(适应容器,没有 CSS 媒体查询需要),键盘支持, ... 
- HTML5学习总结-05 HTML5表单
		一 HTML5 新的类型 HTML5 拥有多个新的表单输入类型.这些新特性提供了更好的输入控制和验证. email url number range Date pickers (date, month ... 
- html5 表单样式 表单验证1 2 3
		html5 表单样式 ie9以下不支持 <!DOCTYPE html> <html lang="en"> <head> <meta cha ... 
- HTML5跨浏览器表单及HTML5表单的渐进增强
		HTML5跨浏览器表单 http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-cross-browser-html5-f ... 
随机推荐
- Phone APP设计规范/iPad APP设计规范/Android APP设计规范/网页设计规范
			原文链接:http://www.ui001.com/chicun/ ①iPhone的设计尺寸 iPhone界面尺寸: 设备 分辨率 状态栏高度 导航栏高度 标签栏(工具栏)高度 iPhone6 plu ... 
- 【转】gvim配置及相关插件安装
			0.准备软件及插件.(a)gvim72.exe 地址ftp://ftp.vim.org/pub/vim/pc/gvim72.exe.(b)vimcdoc-1.7.0-setup.exe 地址http: ... 
- STM32F10X SPI操作flash MX25L64读写数据(转)
			源:STM32F10X SPI操作flash MX25L64读写数据 前一段时间在弄SPI,之前没接触过嵌入式外围应用,就是单片机也只接触过串口通信,且也是在学校的时候了.从离开手机硬件测试岗位后,自 ... 
- java 位操作的总结
			2014-05-07 17:14 今天工作上需要一个Byte的低5位,高3位.所以查询了资料.总结下如何实现 百度到一个资料: 介绍的很详细 基础知识: http://www.blogjava.net ... 
- AtCoder Beginner Contest 052 ABCD题
			A - Two Rectangles Time limit : 2sec / Memory limit : 256MB Score : 100 points Problem Statement The ... 
- Linux安装Tomcat外部不能访问
			Linux安装Tomcat后本地可以正常访问,可是这时Tomcat还不能被外界访问需要在Linux默认防护墙上打开8080端口 打开 /etc/sysconfig/iptables [root@loc ... 
- ios 清除列表选中状态
			[tableView deselectRowAtIndexPath:indexPath animated:YES]; 
- 译者序(Core Data 应用开发实践指南)
			Core Data 是数据管理框架. 该书用Grocery Dude 购物管理程序来贯穿整个学习过程. 本书共分三个部分: 前7章为基础篇.从基础知识.迁移方式及扩展方式来讲解托管对象模型.怎么用图形 ... 
- redis 高级配置
			一.安全性 设置密码:在配置文件中设置 requirepass 123456 由于redis的速度非常快,每秒可以进行15万次的暴力破解,所以密码设置要强壮些 在客户端登录或者连接的时候,使用 aut ... 
- gdb命令整理
			Microsoft Windows XP [版本 ] (C) 版权所有 - Microsoft Corp. C:\Documents and Settings\Administrator>e: ... 
