jQuery   发布时间:2019-10-09  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery清除输入默认值大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如何清除onfocus与jquery的输入表单的默认值,并在按下提交按钮时再次清除?
<html>
        <form method="" action="">
            <input type="text" name="email" value="Email address" class="input" />
            <input type="submit" value="Sign Up" class="button" />
        </form>
</html>

<script>
$(document).ready(function() {
    //hide input text
    $(".input").click(function(){
        if ($('.input').attr('value') == ''){
            $('.input').attr('value') = 'Email address'; alert('1');}
        if  ($('.input').attr('value') == 'Email address'){
            $('.input').attr('value') = ''}
    });
});
</script>

解决方法

您可以使用此..
<body>
    <form method="" action="">
        <input type="text" name="email" class="input" />
        <input type="submit" value="Sign Up" class="button" />
    </form>
</body>

<script>
    $(document).ready(function() {
        $(".input").val("Email Address");
        $(".input").on("focus",function() {
            $(".input").val("");
        });
        $(".button").on("click",function(event) {
            $(".input").val("");
        });
    });
</script>

谈论你自己的代码,问题是jquery的attr api设置

$('.input').attr('value','Email adress');

而不是你所做的:

$('.input').attr('value') = 'Email address';

大佬总结

以上是大佬教程为你收集整理的jquery清除输入默认值全部内容,希望文章能够帮你解决jquery清除输入默认值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。