搜索提示框文字，鼠标点击，文字消失，鼠标点外面，文字出现

2015-1-9

像有些搜索框中会显示“在这里输入要搜索的东西”，鼠标点击那个搜索框后，那些字就没有了, 鼠标点击页面其它地方后，搜索框里的文字又出现。

<input  value="请输入关键字" onfocus="if (value =='请输入关键字'){value =''}" onblur="if (value ==''){value='请输入关键字'}"  />

如果更换为以下的代码，鼠标伸过去时，提示框底色会变色，效果更棒：

<input value="请输入关键字"  onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'"
style="border-color:black; border-width:1px; "
onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" 
style="border-width:1px;border-color=black" onfocus="if (value =='请输入关键字'){value =''}" onblur="if (value ==''){value='请输入关键字'}" />

声明：
1.本站主要是为了记录工作、学习中遇到的问题，可能由于本人技术有限，内容难免有纰漏，一切内容仅供参考。
2.本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！
3.本站所有原创作品，包括文字、资料、图片、网页格式，转载时请标注作者与来源。

THE END