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. 阻止浏览器调试的代码

    一段阻止浏览器调试的代码。

  2. html5输入框正则验证

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

  3. JS禁止复制网站文章代码

    JS禁止复制网站文章代码，可以实现网页上的文本无法复制，在网页上右键不显示弹出菜单。 实现原理是在网页的body标签中添加一下代码： 复制代码 代码如下: onmouseup=document.selection.empty() oncontextmenu=return false onselectstart=return false ond

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

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

  5. 离线宝中提取的验证电话号码的函数

    从百度离线宝中提取的验证电话号码的函数，只检查输入的内容是否是11位或12为数字，不是非常完美，但是代码中还是有值得学习的地方。 函数:phone(e){} 参数:e //要验证的号码 返回值:正确返回true，错误弹出提示框并返回false。 效果图:

随机推荐

  1. 阻止浏览器调试的代码

    一段阻止浏览器调试的代码。

  2. html5输入框正则验证

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

  3. JS禁止复制网站文章代码

    JS禁止复制网站文章代码，可以实现网页上的文本无法复制，在网页上右键不显示弹出菜单。 实现原理是在网页的body标签中添加一下代码： 复制代码 代码如下: onmouseup=document.selection.empty() oncontextmenu=return false onselectstart=return false ond

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

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

  5. 离线宝中提取的验证电话号码的函数

    从百度离线宝中提取的验证电话号码的函数，只检查输入的内容是否是11位或12为数字，不是非常完美，但是代码中还是有值得学习的地方。 函数:phone(e){} 参数:e //要验证的号码 返回值:正确返回true，错误弹出提示框并返回false。 效果图: