HTML文本框样式大全

508 阅读1分钟

输入框景背景透明:

鼠标划过输入框,输入框背景色变色:

<INPUT 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" >data-title='xuexiluxian.cn/course/sear…'

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

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

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

自动横向廷伸的输入框:

自动向下廷伸的文本框:

输入几个回车试试

只有下划线的文本框:

软件序列号式的输入框:

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