HTML文本框样式大全 漂亮的html文本框样式

输入框景背景透明:
<input>

鼠标划过输入框,输入框背景色变色:
<INPUTvalue="Type here" NAME="user_pass" TYPE="text" SIZE="29"onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'"

onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'">

输入字时输入框边框闪烁(边框为小方型):
<Script 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);
}
</Script>
<input type="text" id="oText" onfocus="borderColor(this);"onblur="clearTimeout(oTime);">

输入字时输入框边框闪烁(边框为虚线):
<style>
#oText{border:1px dotted #ff0000;ryo:expression_r(onfocus=functionlight(){with(document.all.oText){style.borderColor=(style.borderColor=="#ffee00"?"#ff0000":"#ffee00");timer=setTimeout(light,500);}},onblur=function(){this.style.borderColor="#ff0000";clearTimeout(timer)})};
</style>
<input type="text" id="oText">

自动横向廷伸的输入框:
<input type="text"value="abcdefghijk">

自动向下廷伸的文本框:
<textarea name="content" rows="6" cols="80"onpropertychange="if(this.scrollHeight>80)this.style.posHeight=this.scrollHeight+5">输入几个回车试试</textarea>

只有下划线的文本框:
<input>

软件序列号式的输入框:
<script for="T"event="onkeyup">
if(value.length==3)document.all[event.srcElement.sourceIndex+1].select();
</script>
<input name="T" size="5"maxlength="3">—<input name="T"size="5" maxlength="3">—<inputname="T" size="5"maxlength="3">—<input name="T"size="5" maxlength="3">—<inputname="T" size="5"maxlength="3">—<input name="T7"size="5" maxlength="3">

软件序列号式的输入框(完整版):
<script for="T"event="onkeyup">if(value. length==maxLength)document.all[event.srcElement.sourceIndex+1].focus();</script>
<script for="T"event="onfocus">select();</script>
<script for="Submit"event="onclick">
var sn=new Array();
for(i=0;i<T.length;i++)
sn=T.value;
alert(sn.join("—"));
</script>
<input name="T" size="5"maxlength="3">—<input name="T"size="5" maxlength="3">—<inputname="T" size="5"maxlength="3">—<input name="T"size="5" maxlength="3">—<inputname="T" size="5"maxlength="3">—<input name="T"size="5" maxlength="3">
HTML文本框样式大全 漂亮的html文本框样式
<input type="submit"name="Submit">


  

爱华网本文地址 » http://www.413yy.cn/a/25101016/288003.html

更多阅读

怎样画漂亮的兔子简笔画 小兔子简笔画

2011年是兔年,来学画一只可爱的小兔子吧!怎样画漂亮的兔子简笔画——兔子简笔画集合气质小兔子魔术小兔躲猫猫小兔怎样画漂亮的兔子简笔画_兔子简笔画仰翻小兔花环小兔照片小兔怎样画漂亮的兔子简笔画_兔子简笔画幸福小兔爱萝卜小

怎样用筷子制作漂亮的宫灯? 宫灯制作

元宵、春节,中国人都有赏灯游园的习惯。假如能提上一盏自己动手做的漂亮宫灯,带着孩子上街去游灯,是不是挺得意的呢?你也可以教孩子制作,提高动手能力哦。 本制作非常的简单,照图做即可学会,赶快试试吧!怎样用筷子制作漂亮的宫灯?——工具/原

怎样制作漂亮的布娃娃? 拿纸做漂亮的布娃娃

利用家里的废布料或者自己的旧衣物,各种颜色放在一起很漂亮是美丽大部分姐妹都积攒了很多废布料不舍得扔掉,这些花花绿绿的布料放在一起给人感觉很舒服,如果把它做成可爱实用的娃娃作为摆设,一定会给你源源不断的创意,我你生出一些创造

自己制作漂亮的纸花 做最简单一点的纸花

自己制作漂亮的纸花——简介DIY一直都很吸引我,所以,今天我就来跟大家分享一个漂亮纸花的制作方法自己制作漂亮的纸花——工具/原料准备材料,透明胶布,剪刀,细长的竹签,笔芯,皱纹纸自己制作漂亮的纸花——方法/步骤自己制作漂亮的纸花 1

制作漂亮的Word组织结构图 电台组织结构图

细心的OfficeXP用户会发现,OfficeXP除了提供基本的绘图工具外,还专门提供了组织结构图的绘制。如图1所示,点击组织结构图,就可使用“绘图”工具栏上的图示工具创建组织结构图以说明层次关系。   图1   那如何使用这一绘图工具让组织

声明:《HTML文本框样式大全 漂亮的html文本框样式》为网友做回自己分享!如侵犯到您的合法权益请联系我们删除