php表单外观,一款漂亮的表单效果

/p>

Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

JS+CSS实现的一种交互体验

@charset "utf-8";

html {background: #FFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,ins,hr{margin:

0px;padding: 0px;}

p{cursor: text;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

ol,ul{list-style-type: none;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

table{border-collapse:collapse;}

fieldset,img{border:0;}

img{display:block;}

caption,th{text-align:left;}

body{position: relative;font-size:62.5%;font-family: "宋体"}

a{text-decoration: none;}

#need {margin: 20px auto 0;width: 610px;}

#need li {height: 26px;width: 600px;font: 12px/26px Arial,

Helvetica, sans-serif;background: #FFD;border-bottom: 1px dashed

#E0E0E0;display: block;cursor: text;padding: 7px 0px 7px

10px!important;padding: 5px 0px 5px 10px;}

#need li:hover,#need li.hover {background: #FFE8E8;}

#need input {line-height: 14px;background: #FFF;height: 14px;width:

200px;border: 1px solid #E0E0E0;vertical-align: middle;padding:

6px;}

#need label {padding-left: 30px;}

#need label.old_password {background-position: 0 -277px;}

#need label.new_password {background-position: 0 -1576px;}

#need label.rePassword {background-position: 0 -1638px;}

#need label.email {background-position: 0 -429px;}

#need dfn {display: none;}

#need li:hover dfn, #need li.hover dfn {display:inline;margin-left:

7px;color: #676767;}

function suckerfish(type, tag, parentId) {

if (window.attachEvent) {

window.attachEvent("onload", function() {

var sfEls =

(parentId==null)?document.getElementsByTagName_r(tag):document.getElementByIdx_x(parentId).getElementsByTagName_r(tag);

type(sfEls);

});

}

}

hover = function(sfEls) {

for (var i=0; i

sfEls[i].οnmοuseοver=function() {

this.className+=" hover";

}

sfEls[i].οnmοuseοut=function() {

this.className=this.className.replace(new RegExp(" hover\\b"),

"");

}

}

}

suckerfish(hover, "li");

1. class="old_password">原始密码：

   />

2. class="new_password">新的密码：

   />(密码长度为6~20字节。不修改请留空)

3. class="rePassword">重复密码：

   />

4. class="email">邮箱设置：

   />(我们不会给您发送任何垃圾邮件。)