JS 文本框默认提示信息点击清空

模板网 2014-09-13

JS 文本框默认提示信息点击清空,关键的代码。

复制代码 代码如下:

onfocus="if(this.value==this.defaultValue){this.value='';};" onblur="if(this.value==''){this.value=this.defaultValue;}" 

效果截图:

JS 文本框默认提示信息点击清空

<title>JS 文本框默认提示信息点击清空</title>
<style>
input.text{ background:#f4f4f4; border:1px solid #d2d2d2; box-shadow: 0 2px 2px -2px #DDD inset; border-radius:4px; height:34px; line-height:34px; width:66%; padding:0 10px;}
</style>
<input class="text" onfocus="if(this.value==this.defaultValue){this.value='';};" onblur="if(this.value==''){this.value=this.defaultValue;}" type="text" value="输入您的真实姓名">

相关文章

  1. html5输入框正则验证

    html5输入框正则验证,输入框禁止粘贴,禁止右键菜单。

  2. 假404效果代码

    假404效果代码,使用frameset框架覆盖原网页内容,实现网页打不开的假象,直接在网站头部引用404.js即可。 代码下载: 假404效果代码 效果截图:

  3. JS阻止浏览器返回代码

    一段可以阻止浏览器返回的代码,今天无意打开了一个网站,发现怎么也返回不了,仔细研究了一下网站代码找到了无法返回的原因,于是将这段代码提取出来了。 仅供大家学习交流,请勿使用在自己的网站上,这算是一种比较流氓的行为。

  4. 关闭网页时弹出对话框JS代码

    关闭网页时弹出对话框JS代码,当访客要关闭网页时弹出挽留对话框,用户体验上差了一点,但是据统计访客停留率还是挺高的。 代码效果:

  5. 网站新信息标题闪烁效果实现

    网站新信息标题闪烁效果实现,很简单的一个功能,但是非常的实用,能够吸引访客注意,有效提高转化。 效果图:

随机推荐

  1. html5输入框正则验证

    html5输入框正则验证,输入框禁止粘贴,禁止右键菜单。

  2. 假404效果代码

    假404效果代码,使用frameset框架覆盖原网页内容,实现网页打不开的假象,直接在网站头部引用404.js即可。 代码下载: 假404效果代码 效果截图:

  3. JS阻止浏览器返回代码

    一段可以阻止浏览器返回的代码,今天无意打开了一个网站,发现怎么也返回不了,仔细研究了一下网站代码找到了无法返回的原因,于是将这段代码提取出来了。 仅供大家学习交流,请勿使用在自己的网站上,这算是一种比较流氓的行为。

  4. 关闭网页时弹出对话框JS代码

    关闭网页时弹出对话框JS代码,当访客要关闭网页时弹出挽留对话框,用户体验上差了一点,但是据统计访客停留率还是挺高的。 代码效果:

  5. 网站新信息标题闪烁效果实现

    网站新信息标题闪烁效果实现,很简单的一个功能,但是非常的实用,能够吸引访客注意,有效提高转化。 效果图: