jquery clear input default value

浏览数：41 / 时间：2015年06月09日 
jquery 点击清除输入框的value值

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>jquery clear input default value</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>
<body>
    <form id="form" action="" method="get">
        <input type="text" name="First name" value="First name"/>
        <input type="text" name="Family name" value="Family name"/>
        <input type="text" name="Email" value="Email..."/>
        <input type="text" name="password" value="password..."/>
        <input type="text" name="location" value="City where you live"/>
        <input type="submit" name="sign up" value="Sign Up"/>
    </form>
    <script>
        $(‘#form‘).children(‘:text‘).focus(function(){
            if(!this.initValue){
                this.initValue = this.value;
            }
            if(this.value === this.initValue){
                this.value = ‘‘;
            }
        }).blur(function(){
            if(this.value === ‘‘ || this.value === null){
                this.value = this.initValue;
            }
        });
    </script>
</body>
</html>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： c jquery a r query j c jquery a r query j

相关文章

随机文章

您可能还喜欢

您可能还喜欢