Question

我想创建一个带有输入字段的表单，其中包含某些指令ex：“输入用户名”在标签的文本字段中：“UserName”。因此，在第一次单击文本字段时，前一个语句（“输入”应清除用户名“），并且光标应等待传入的文本。在另一次单击同一文本字段时，我的新文本仍保留用于进一步提交操作，除非我已将其清除。希望你明白了。这是我们以各种形式看到的。请尽可能地帮助我。我希望使用jQuery完成任务......

Answer 1

有一个不错的jquery watermark插件。您也可以尝试one of the others。

Answer 2

我会做类似

的事情

$(document).ready(function(){
    $('#myForm input[type=text]').each(function(){
        initialValue = $(this).value();

        //Bind the data to the element
        $(this).data('initialValue',initialValue);

        //Bind an focus event to it
        $(this).focus(function(){
            //In
            if($(this).value() == $(this).data('initialValue')){
                //Remove
                $(this).value("")
            };
        },
        function(){
            if($(this).value() == ""){
                //Restore
                $(this).value($(this).data('initialValue'))
            };
        })
    });
});

所以这样做是找到你的表单，对于每个输入元素，“type=text”它将获得初始值并存储它，然后设置为事件focusin和focusout注意用户。

当用户关注它时，检查该值是什么，如果它与开始时的值相同，则将文本设置为空。

当用户关注它时，它将恢复初始值IF，该值为空。

希望这会让你成为正确的伴侣。

Answer 3

HTML5为您提供了placeholder属性，可以满足您的需求。您也可以实施哪些。其他用于搜索水印以外的术语（如Darin建议的那样）是jquery placeholder和jquery defaultvalue。

如何在jQuery中第一次执行单击功能

3 个答案: