文本框样式 html,HTML文本框样式大全

输入框景背景透明：

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

style="width: 106; height: 21"

οnmοuseοut="this.style.bordercolor='black';this.style.backgroundcolor='#ffffff'" style="border-width:1px;border-color=black">

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

function bordercolor(){

if(self['otext'].style.bordercolor=='red'){

self['otext'].style.bordercolor = 'yellow';

}else{

self['otext'].style.bordercolor = 'red';

}

otime = settimeout('bordercolor()',400);

}

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

#otext{border:1px dotted #ff0000;ryo:expression_r(οnfοcus=function light (){with(document.all.otext){style.bordercolor=(style.bordercolor=="#ffee00"?"#ff0000":"#ffee00");timer=settimeout(light,500);}},οnblur=function(){this.style.bordercolor="#ff0000";cleartimeout(timer)})};

自动横向廷伸的输入框：

自动向下廷伸的文本框：

输入几个回车试试

只有下划线的文本框：

软件序列号式的输入框：

if(value.length==3)document.all[event.srcelement.sourceindex+1].select();

—————

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

var sn=new array();

for(i=0;i

sn=t.value;

alert(sn.join("—"));

—————