热文一本正经

输入框提示框文字,鼠标点击文字消失,取消点击文字出现

输入框

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

实现方法很简单(为方便阅读,代码做了分行处理,实际使用中可调整为一行):

<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='请输入关键字'}" />
非特殊说明,本博所有文章均为博主原创,并遵循 CC-BY-NC-SA 4.0 协议许可。
转载前请务必署名,本文链接:https://www.geniusxiaoshuai.com/exp/68.html
-- 展开阅读全文 --
怎样才能更好的投资自己
« 上一篇 04-23
Navicat for mysql 10.1.7 绿色中文版
下一篇 » 05-25

发表评论

作者信息

热门文章

标签TAG

热评文章