网页设计好看的表单代码.docxVIP

1、只有下划线的文本框：input style=border:0;border-bottom:1 solid black;background:;2、软件序列号式的输入框：script for=T event=onkeyupif(value.length==3)document.all[event.srcElement.sourceIndex+1].select();/scriptinput name=T size=5 maxlength=3—input name=T size=5 maxlength=3—input name=T size=5 maxlength=3—input name=T size=5 maxlength=3—input name=T size=5 maxlength=3—input name=T7 size=5 maxlength=33、软件序列号式的输入框(完整版)：script for=T event=onkeyupif(value.length==maxLength)document.all[event.srcElement.sourceIndex+1].focus();/scriptscript for=T event=onfocusselect();/scriptscript for=Submit event=onclickvar sn=new Array();for(i=0;iT.length;i++)sn=T.value;alert(sn.join(—));/scriptinput name=T size=5 maxlength=3—input name=T size=5 maxlength=3—input name=T size=5 maxlength=3—input name=T size=5 maxlength=3—input name=T size=5 maxlength=3—input name=T size=5 maxlength=3input type=submit name=Submit4、输入框景背景透明：input style=background:transparent;border:1px solid #ffffff5、鼠标划过输入框，输入框背景色变色：INPUT value=Type here NAME=user_pass TYPE=text SIZE=29 onmouseover=this.style.borderColor=black;this.style.backgroundColor=plumstyle=width: 106; height: 21onmouseout=this.style.borderColor=black;this.style.backgroundColor=#ffffff style=border-width:1px;border-color=black6、输入字时输入框边框闪烁(边框为小方型)：Script Language=JavaScriptfunction borderColor(){if(self[oText].style.borderColor==red){self[oText].style.borderColor = yellow;}else{self[oText].style.borderColor = red;}oTime = setTimeout(borderColor(),400);}/Scriptinput type=text id=oText style=border:5px dotted red;color:red onfocus=borderColor(this); onblur=clearTimeout(oTime);7、输入字时输入框边框闪烁(边框为虚线)：style#oText{border:1px dotted #ff0000;ryo:expression_r(onfocus=function light (){with(document.all.oText){style.borderColor=(style.borderColor==#ffee00?#ff0000:#ffee00);timer=setTimeout(light,500);}},onblur=function(){this.style.borderColor=#ff0000;clearTimeout(timer)})};/styleinput type=text id=oText8、自动横向廷伸的输入框：input type=text style=huerreson:expression_r(this.width=this.scr