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. 移动端全屏滚动插件 zepto.fullpage.js

    zepto.fullpage 是专注于移动端的 fullPag e.js ，依赖 Ze pto 。 下载地址: https://github.com/yanhaijing/zepto.fullpage 功能概述 可实现移动端的单页滚动效果，可自定义参数，提供回调接口，和公开接口。 兼容性 Ios4+ Andriod2.3+（未全部覆盖） 快速

  2. jquery实现的tab切换

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

  3. 从腾讯网提取的判断手机端访问跳转代码

    从腾讯网提取的判断手机端访问跳转代码，使用了一个正则表达式来判断浏览器的navigator.userAgent标志，来确认访问终端，从而做出相应的操作。 代码简单，注释详细，容易理解。 复制代码 代码如下: script type=text/javascript if(/Android|Windows Phone|w

  4. JS实现百叶窗效果

    JS实现百叶窗效果，适合做专家介绍，设备技术等介绍效果。效果演示中使用的是纯色图片，将对应的图片替换即可。 引用slider.js文件在底部调用初始化代码script type=text/javascriptslider.init();/script ，演示效果中为方便起见将slider.js中的代码整合到

  5. JS cookie操作函数

    JS cookie操作函数，Cookie增加，读取，删除。 复制代码 代码如下: //获得coolie 的值 function cookie(name) { //得到分割的cookie名值对 var cookieArray = document.cookie.split(; ); var cookie = new Object(); for (var i = 0; i cookieArray.length;

随机推荐

  1. 移动端全屏滚动插件 zepto.fullpage.js

    zepto.fullpage 是专注于移动端的 fullPag e.js ，依赖 Ze pto 。 下载地址: https://github.com/yanhaijing/zepto.fullpage 功能概述 可实现移动端的单页滚动效果，可自定义参数，提供回调接口，和公开接口。 兼容性 Ios4+ Andriod2.3+（未全部覆盖） 快速

  2. jquery实现的tab切换

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

  3. 从腾讯网提取的判断手机端访问跳转代码

    从腾讯网提取的判断手机端访问跳转代码，使用了一个正则表达式来判断浏览器的navigator.userAgent标志，来确认访问终端，从而做出相应的操作。 代码简单，注释详细，容易理解。 复制代码 代码如下: script type=text/javascript if(/Android|Windows Phone|w

  4. JS实现百叶窗效果

    JS实现百叶窗效果，适合做专家介绍，设备技术等介绍效果。效果演示中使用的是纯色图片，将对应的图片替换即可。 引用slider.js文件在底部调用初始化代码script type=text/javascriptslider.init();/script ，演示效果中为方便起见将slider.js中的代码整合到

  5. JS cookie操作函数

    JS cookie操作函数，Cookie增加，读取，删除。 复制代码 代码如下: //获得coolie 的值 function cookie(name) { //得到分割的cookie名值对 var cookieArray = document.cookie.split(; ); var cookie = new Object(); for (var i = 0; i cookieArray.length;