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. JS网页标题滚动效果实现代码

    JS网页标题滚动效果实现代码,标题不间断自右向左滚动。 代码简单容易理解,加快或减慢滚动速度只需修改setInterval函数的时间参数即可,本效果默认时间间隔是400毫秒。

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

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

  3. JS闪屏代码,闪瞎你的眼睛

    JS恶搞代码,页面底色在黑与白之间快速切换,产生闪烁效果。JS闪屏代码,闪瞎你的眼睛。

  4. html5输入框正则验证

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

  5. jquery实现的tab切换

    1、jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。下面跟大家分享一个jquery的tab切换 2、如何使用 调用jquery文件 script type=text/javascript src=jquery.js/script jquery实现ta

随机推荐

  1. JS网页标题滚动效果实现代码

    JS网页标题滚动效果实现代码,标题不间断自右向左滚动。 代码简单容易理解,加快或减慢滚动速度只需修改setInterval函数的时间参数即可,本效果默认时间间隔是400毫秒。

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

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

  3. JS闪屏代码,闪瞎你的眼睛

    JS恶搞代码,页面底色在黑与白之间快速切换,产生闪烁效果。JS闪屏代码,闪瞎你的眼睛。

  4. html5输入框正则验证

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

  5. jquery实现的tab切换

    1、jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。下面跟大家分享一个jquery的tab切换 2、如何使用 调用jquery文件 script type=text/javascript src=jquery.js/script jquery实现ta