javascript自动恢复文本框点击清除后的默认文本

本文实例介绍了点击文本框清除默认文本离开再恢复的js实例代码，分享给大家供大家参考，具体内容如下

相关知识:

1、onclick事件的定义和用法:

当点击对象的时候会触发此事件。 浏览器支持: 1）、IE浏览器支持此事件。 2）、火狐浏览器支持此事件。 3）、Opera浏览器支持此事件。 4）、谷歌浏览器支持此事件。 5）、safria浏览器支持此事件。 实例代码:

以上代码实现了我们的要求，当点击文本框的时候能够清除文本框中的内容，如果文本框没有输入任何内容，这个时候鼠标焦点离开文本框的时候，会将文本框的值恢复到默认状态。不过如果密码框肯恩有点麻烦，因为密码框并非显示的明文，解决方案可以参考如何实现在密码框如出现提示语下段内容。

如何实现在密码框如出现提示语: 有时候我们需要在登陆表单有一些提示语言，比如“请输入用户民”和“请输入密码”等语言，至于用户名好说，但是在密码框中出现“请输入密码”这样的语言就有点麻烦了，因为在密码框输入的内容不会以明码显示。如果动态的控制type属性的话就有兼容性问题，如果input已经存在于页面中的话，在IE8和IE8以下浏览器中，type属性是只读的。所以就得想其他办法，代码如下: