input 输入框JS特效_网络编程_奇迪科技(深圳)有限公司(www.qvdv.net)

欢迎来到奇迪科技(深圳)有限公司,超值服务提供卓越产品!

网络编程

input 输入框JS特效

作者:admin 来源: 更新时间:2014-02-09

想要<input>输入框达到的JS特效效果是:鼠标移动到input输入框中是,输入框中默认默认值消失,等到用户输入内容;如若为输入内容,则自动回复默认值。

现在使用最简单的方法达到这一效果,JS代码如下:
<input type="text" name="keyWord" value="请输入要查找的内容" suggestwidth="501px" autocomplete="off" x-webkit-speech="" onmousemove="if (value =='请输入要查找的内容'){value =''}" onmouseout="if (value ==''){value='请输入要查找的内容'}" />

特点:实现该效果的代码简单、实用,而且兼容性好。

本文版权所有,转载须注明:来源  https://www.qvdv.net/qvdv-oop-239.html