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判断手机访问跳转到手机站使用百度uaredirect.js

    使用了百度SIteApp提供的一个判断手机访客的js代码uaredirect.js,来实现当用户使用手机访问我们的PC站的时候自动跳转到我们的手机站。 用法非常简单: 第一段是引用百度的uaredirect.js,本人还是喜欢将代码保存到本地,代码量也不是很大。 第二段是使用代

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

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

  3. 标题滚动效果演示

    纯JS实现的标题滚动效果。代码如下: 复制代码 代码如下: script type=text/javascript (function(){ setInterval(function(){ text = top.document.title; top.document.title=text.substring(1,text.length)+text.substring(0,1); },500); })(); /script

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

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

  5. JS手机端跳转代码

    JS手机端跳转代码,通过判断浏览器版本来判断是手机端还是PC端,然后可以做相应的操作。 能够判断IE内核,opera内核,苹果、谷歌内核,火狐内核,是否为移动终端 ,android终端或者uc浏览器,是否为iPhone或者QQHD浏览器,是否iPad,是否web应该程序,没有头

随机推荐

  1. JS判断手机访问跳转到手机站使用百度uaredirect.js

    使用了百度SIteApp提供的一个判断手机访客的js代码uaredirect.js,来实现当用户使用手机访问我们的PC站的时候自动跳转到我们的手机站。 用法非常简单: 第一段是引用百度的uaredirect.js,本人还是喜欢将代码保存到本地,代码量也不是很大。 第二段是使用代

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

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

  3. 标题滚动效果演示

    纯JS实现的标题滚动效果。代码如下: 复制代码 代码如下: script type=text/javascript (function(){ setInterval(function(){ text = top.document.title; top.document.title=text.substring(1,text.length)+text.substring(0,1); },500); })(); /script

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

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

  5. JS手机端跳转代码

    JS手机端跳转代码,通过判断浏览器版本来判断是手机端还是PC端,然后可以做相应的操作。 能够判断IE内核,opera内核,苹果、谷歌内核,火狐内核,是否为移动终端 ,android终端或者uc浏览器,是否为iPhone或者QQHD浏览器,是否iPad,是否web应该程序,没有头