细心、注意发现的人都会注意，有不少网站为了提高表单的输入效率，让input输入框在输入时变为立体的，这样看的更清楚，也就是当鼠标点击输入框后会激活js函数，调用对应的css代码，仔细看一下代码就明白了。 

＜meta http-equiv="Content-Type" content="text/html; charset=gb2312"/＞
＜title＞
    立体输入框-www.codefans.net
＜/title＞
＜style type="text/css"＞
＜!--
.it_s { display:table; border:1px solid #979797}
.it1,.it2 { border:1px solid #fff; background:#fff none repeat scroll 0 0}
.it1 { border:1px solid #fff;}
.it2 { border-left:1px solid #000; border-top:1px solid #000}
--＞
＜/style＞
＜span class="it_s"＞＜input type="text" name="textfield" onblur="this.className='it1';" onfocus="this.className='it2';" class="it1" size="25"/＞＜/span＞