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

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

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

  3. 空间绑定多个域名 添加统计代码的方法

    医疗建站中很多时候我们会在一个空间上绑定多个域名,但是希望给每个域名单独添加统计代码,下面医疗模板库www.120muban.com为大家带来实现这种需求的方法。 其实只需要通过JS来判断当前的网页域名,根据域名的不同输出不同的统计代码即可; 复制代码 代码如

  4. input输入框默认文本点击清空,无输入显示效果

    网页上用到表单的地方经常会用到这样的效果,输入框中默认的情况下会有一段引导性的文字,当用户点击输入框的时候默认的文字会被情况,当输入框失去焦点并且用户没用输入内容的时候,再次显示默认文本。 本例中还添加了在不同情况下文本框中的文本颜色不同的

  5. JS点击页面出现赞效果

    JS点击页面出现赞效果,点击页面任何地方出现随机的数字向上漂浮效果,挺炫的一种效果。 完整代码: 复制代码 代码如下: script src=http://libs.baidu.com/jquery/1.9.0/jquery.js/script script jQuery(document).ready(function($) { $(html,body).click(

随机推荐

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

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

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

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

  3. 空间绑定多个域名 添加统计代码的方法

    医疗建站中很多时候我们会在一个空间上绑定多个域名,但是希望给每个域名单独添加统计代码,下面医疗模板库www.120muban.com为大家带来实现这种需求的方法。 其实只需要通过JS来判断当前的网页域名,根据域名的不同输出不同的统计代码即可; 复制代码 代码如

  4. input输入框默认文本点击清空,无输入显示效果

    网页上用到表单的地方经常会用到这样的效果,输入框中默认的情况下会有一段引导性的文字,当用户点击输入框的时候默认的文字会被情况,当输入框失去焦点并且用户没用输入内容的时候,再次显示默认文本。 本例中还添加了在不同情况下文本框中的文本颜色不同的

  5. JS点击页面出现赞效果

    JS点击页面出现赞效果,点击页面任何地方出现随机的数字向上漂浮效果,挺炫的一种效果。 完整代码: 复制代码 代码如下: script src=http://libs.baidu.com/jquery/1.9.0/jquery.js/script script jQuery(document).ready(function($) { $(html,body).click(