文本框默认文字内容消失显示效果

平时常忽略对文本框的重视,做为一个合格的美工,不能因局部影响到整体,必须注重每个细节的处理,才能使页面更完美.

若初始值是非空的：

<TEXTAREA   onmouseover="javascript:   if   (this.value=='移到文本域上方即可输入'){   this.value=";this.select();}"   wrap=VIRTUAL>移到文本域上方即可输入</TEXTAREA>   
 <input   type="text"   onMouseOver="javascript:   if   (this.value=='移到文本域上方即可输入'){   this.value=";this.select();}"   value="移到文本域上方即可输入">

若初始值是空的,输入文字后移开鼠标,当再次移入输入框,它将自动选中之前的文字：

<textarea   class="input"   onMouseOver="this.focus();this.select()"></textarea>   
<input   name="Input"   class=input   onmouseover=this.focus();this.select()   >

移入输入框消失文字,离开输入框又显示文字

<input  type="text" size="18" value="这是默认的内容" onfocus="if (value =='这是默认的内容'){value ="}" onblur="if (value =="){value='这是默认的内容'}">