为输入内容时显示”请输入搜索内容”，按下鼠标时显示显示空的输入框

2010年5月6日 | 标签: , ,

对于一个友好的搜索框，在搜索框中未输入内容是应当显示“请输入搜索内容”

当鼠标按下时，输入框中的内容应当清空

输入搜索内容

此时若未输入搜索内容，则当鼠标离开时，搜索框仍旧显示“请输入搜索内容”

1
2
3
4
5
6
7
8

 <body>
  <input type="text" value="请输入搜索内容" style="color:gray;" 
	onfocus="javascript:if(this.value == '请输入搜索内容') this.value = '';
this.style.color='black';"
	onblur="if(this.value == '') this.value = '请输入搜索内容'; 
this.style.color = 'gray';">
	<!--当一个对象失去被选种状态时触发onblur事件-->
 </body>
发表评论 | Trackback
目前还没有任何评论.