输入框改变样式

结构

 

<textarea cols="95" rows="3" name="code" class="xhtml:nogutter">&lt;input οnfοcus="getfocus()" οnblur="outfocus()" name="username" type="text" value="输入关键字" class="txt01" /&gt;</textarea>

 

样式

 

.txt01 { color: #999999; border: 1px solid #999999; } .txt02 { color: #3366FF; border: 1px solid #3366FF; } .txt03{ border:1px solid #999999; color: #3366FF; }

 

代码

 

<mce:script type="text/javascript"><!-- function getfocus() { if(username.value=='输入关键字'){ username.value=''; } username.className='txt02'; } function outfocus(){ if(username.value=='') { username.value='输入关键字'; username.className='txt01'; } else { username.className='txt03'; } } // --></mce:script>