css?特殊input樣式，參考如下：
五家渠網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)公司從2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。
輸入框景背景透明：
input?style="background:transparent;border:1px?solid?#ffffff"
鼠標(biāo)劃過(guò)輸入框，輸入框背景色變色：
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"
輸入字時(shí)輸入框邊框閃爍(邊框?yàn)樾》叫?：
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"?style="border:5px?dotted?red;color:red"?onfocus="borderColor(this);"?onblur="clearTimeout(oTime);"
輸入字時(shí)輸入框邊框閃爍(邊框?yàn)樘摼€)：
style
#oText{border:1px?dotted?#ff0000;ryo:expression(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)})};
/style
input?type="text"?id="oText"
自動(dòng)橫向廷伸的輸入框：
input?type="text"?style="huerreson:expression(this.width=this.scrollWidth)"?value="abcdefghijk"
自動(dòng)向下廷伸的文本框：
textarea?name="content"?rows="6"?cols="80"?onpropertychange="if(this.scrollHeight80)?this.style.posHeight=this.scrollHeight+5"輸入幾個(gè)回車(chē)試試/textarea
只有下劃線的文本框：
input?style="border:0;border-bottom:1?solid?black;background:;"
軟件序列號(hào)式的輸入框：
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"—input?name="T"?size="5"?maxlength="3"—input?name="T"?size="5"?maxlength="3"—input?name="T"?size="5"?maxlength="3"—input?name="T7"?size="5"?maxlength="3"
中文字符的中線和英文字符的中線定義是不一樣的，你在設(shè)置輸入框與文本居中對(duì)齊的時(shí)候，最好將文本的字體樣式設(shè)置成英文字體，比如font-family:verdana;這樣有助于解決中線問(wèn)題。然后再給輸入框添加 vertical-align:middle;樣式。
注意，由于涉及到中線問(wèn)題，所以字號(hào)會(huì)影響對(duì)齊的效果。例子就不舉了，你可以改變字號(hào)（12px、13px等）自己嘗試一下。
用CSS怎么能寫(xiě)輸入框呢，CSS只是用來(lái)寫(xiě)樣式的。要寫(xiě)輸入框就用HTML的input標(biāo)簽。例如：
input type="text" name="username" /
input type="password" name="password"
為了達(dá)到更好的交互效果，提高用戶友好度，對(duì)文本框輸入框之類(lèi)的美化工作是很必要的。 一般的美化工作可以直接通過(guò)使用CSS完成，方法也十分簡(jiǎn)單，如下： 1、首先制作一張輸入框的背景圖，如上圖所示。 2、添加按鈕的Html代碼： input type=button class=Selectbg 3、然后用css代碼將它定義：stylebody{font-size:12px; } .Selectbg{border:none; width:150px; height:20px; background-image:url(image.gif); text-align:left;line-height:20px; }/style 在寫(xiě)CSS代碼的時(shí)候要注意，如果背景圖中帶邊框，一定要將輸入框的邊框去掉，否則會(huì)顯示默認(rèn)邊框；其次還要將高度和行高定義好，否則點(diǎn)擊輸入框后文字的位置會(huì)很難看。
使用css樣式直接可以改變input的樣式的，input屬于行內(nèi)替換元素height/width/padding/margin均可用，效果等于塊元素。
工具原料：編輯器、瀏覽器
1、設(shè)置一個(gè)寬度是寬度500px，高度50px，邊框是紅色的input輸入框的代碼如下：
body
input type="text" /
style
input{
width: 500px;
height: 50px;
border: 1px solid red;
}
/style
/body
2、運(yùn)行的效果如下圖：
重慶分公司
重慶分公司
