JQ表单选择器和CSS3表单选择器 JQ表单选择器 为了使用户能够更加灵活地操作表单,jQuery中加入了表单选择器,利用这个选择器能极其方便的获取到表单的某个或者某类型的元素.表单选择器的介绍如图: 我们要着重强调的是:input, :submit, :reset, :button, :hidden选择器.因为有一些细节需要我们特别注意(并不能顾名思义). 测试HTML代码: <input type="text" name="text" value=&quo…

1.jQ  not() 2.css3 not  w3c在线演示地址  http://www.w3school.com.cn/tiy/t.asp?f=css_sel_not 总结: 注意两者还是有区别的 1.css3里面not()选择器不能同时写两个类: 2.而在jQ not()里面可以同时写…

当我们在网站上注册登录还是提交评论,都需要用到表单,今天我们来分享8款最新CSS3表单,有几个效果很酷很特别,有些也非常实用,一起来看看. 1.CSS3环形特色表单 转圈切换表单焦点 这款CSS3表单非常有特色,估计各位不太会看到过,这是一款CSS3环形特色表单,整个环形由一个个输入框组成,当用鼠标激活输入框焦点时,环形圈即会转到该表单项.我们也可以用tab键来逐个选择输入框来输入表单内容. 在线演示        源码下载 2.HTML5/CSS3联系表单 提交按钮有发光动画 好多天前我们分享…

今天我们要来分享一款非常精美的HTML5/CSS3表单,准备地说,这是一款经过美化的input输入表单,每一个输入表单都可以定义其两侧的小图标,非常华丽.另外,这款表单应用还采用了3种不同的风格主题,你可以在演示页的菜单栏中选择一种样式.需要高版本的浏览器才能支持. 你也可以在这里在线演示 下面我们来简单分析一下这款表单的源代码,源代码由HTML代码.CSS代码及Javascript代码组成.一共3组样式,我们只对其中一组作解说. HTML代码: <ul data-for="prefix&…

这是一组效果非常炫酷的HTML5 SVG和CSS3表单浮动标签特效.这组浮动标签特效共12种效果,使用SVG和CSS3来制作完成.这些浮动标签效果部分在元素的伪元素上使用CSS transitions和CSS animations完成,一部分则使用SVG来制作变形动画. 在线预览   源码下载 HTML结构 这一组浮动标签特效最大的特点就是引入了SVG,使用SVG来制作各种图形变形动画,其中“SHOKO”的效果如下图所示: 这个效果的HTML结构如下: <span class="input…

1. 什么是jQuery对象 jQuery 对象就是通过jQuery包装DOM对象后产生的对象. jQuery对象是jQuery独有的.如果一个对象是jQuery对象,那么它就可以使用jQuery里的方法:$("#test").html(); 比如: $("#test").html()  意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法 这段代码等同于用DOM实现代码: document.getElementById(&qu…

模态框: 打开一个弹框 不关闭它就不能做框外的操作 必须关闭或弹出另外的弹框 加载延迟loading + 进度条只要有请求 就处理一下监控ajax 全局事件jquery: $('#box').ajaxStart() //开始 多个ajax共享一个start $('#box').ajaxSend()//发送 $('#box').ajaxSuccess()//成功 $('#box').ajaxComplete()//完成 $('#box').ajaxError() //完成后有错误 $('#box'…

1.HTML5/CSS3仿Facebook登录表单 这款纯CSS3发光登录表单更是绚丽多彩.今天我们要分享一款仿Facebook的登录表单,无论从外观还是功能上说,这款登录表单还是挺接近Facebook登录表单的. 在线演示 源码下载 2.CSS3可折叠显示的发光搜索表单 这次要分享的一款CSS3表单是一款可折叠显示的发光搜索表单,搜索表单的输入框一开始由一层遮罩遮住的,并且是半透明的状态,当鼠标滑过输入框时,遮罩层即可缓缓展开,我们可以在搜索框中输入文字进行搜索. 在线演示 源码下载 3.CS…

CSS代码 @charset "gb2312"; /* CSS Document */ body,dl,dt,dd,div,form {padding:;margin:;} #header,#main{ width:650px; margin: auto; } .bg{ background-image:url(../images/register_bg.gif); background-repeat:no-repeat; width:6px; height:6px; } .bg_to…

html 表单 dom 注意跟表单的name值一致 <script type="text/javascript"> function checkForm() { var theForm = document.form1; if(theForm.username.value=="") //html 表单 dom 注意跟表单的name值一致 { window.alert("用户名不能为空"); return false; }else if…