dedecms,织梦,搞笑段子,织梦伪静态规则,织梦全站伪静态,织梦手机版伪静态

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

工作手记 baishitou 675℃ 0评论

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

<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='请输入关键字'}" />

转载请注明:白石头博客 » 搜索提示框文字,鼠标点击,文字消失,鼠标点外面,文字出现

喜欢 (0)or分享 (0)

您必须 登录 才能发表评论!