The text box of html5 introduction, what are the text box styles of html5

User questions

The background of the input box is transparent: When the mouse is over the input box, the background color of the input box changes color: When inputting words, the border of the input box flickers (the border is a small square): function borderColor(){ if(self['oText'].style.borderColor =='red'){ self['oText'].style.borderColor = 'yellow'; }else{ self['oText'].s...

Recommended answer

Input box background transparent:

Move the mouse over the input box, the background color of the input box changes color:

style="width: 106; height: 21"

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

When entering a word, the border of the input box flickers (the border is a small square):

function borderColor(){

if(self['oText'].style.borderColor=='red'){

self['oText'].style.borderColor = 'yellow';

}else{

self['oText'].style.borderColor = 'red';

}

oTime = setTimeout('borderColor()',400);

}

When entering a word, the border of the input box flashes (the border is a dotted line):

#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)})};

Automatic horizontal extension of the input box:

A text box that automatically stretches down:

Enter a few carriage returns and try

Only underlined text boxes:

Software serial number input box:

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

—————

Software serial number input box (full version):

var sn=new Array();

for(i=0;i

sn=T.value;

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

—————

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=324475701&siteId=291194637