html中关于文本框样式的总结大全（收藏）

 输入框景背景透明：

鼠标划过输入框，输入框背景色变色：

value="Type here" NAME="user_pass" TYPE="text" SIZE="29" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'"style="width: 106; height: 21"onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" style="border-width:1px;border-color=black">

输入字时输入框边框闪烁(边框为小方型)：

<ｓｃｒｉｐｔ Language="JavaScript">function borderColor(){if(self['oText'].style.borderColor=='red'){self['oText'].style.borderColor = 'yellow';}else{self['oText'].style.borderColor = 'red';}oTime = setTimeout('borderColor()',400);}

输入字时输入框边框闪烁(边框为虚线)：

立即学习“前端免费学习笔记（深入）”；

自动横向廷伸的输入框：

自动向下廷伸的文本框：

输入几个回车试试

只有下划线的文本框：

软件序列号式的输入框：

<ｓｃｒｉｐｔ for="T" event="onkeyup">if(value.length==3)document.all[event.srcElement.sourceIndex+1].ｓｅｌｅｃｔ();—————

软件序列号式的输入框(完整版)：

<ｓｃｒｉｐｔ for="T" event="onkeyup">if(value.length==maxLength)document.all[event.srcElement.sourceIndex+1].focus();<ｓｃｒｉｐｔ for="T" event="onfocus">ｓｅｌｅｃｔ();<ｓｃｒｉｐｔ for="Submit" event="onclick">var sn=new Array();for(i=0;i—————