Question

当用户开始输入时，如何清除表单字段（默认文本为“default”）？我在下面附上了我的代码。我希望它具有与.prompt（）命令类似的功能。

<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Dialog - Modal form</title>
<script src="jquery-2.1.4.min.js"></script>
<script src="jquery-ui.js"></script>
<link href="css.css" rel="stylesheet" type="text/css" />
<link href="jquery-ui.css" rel="stylesheet" type="text/css" />
<style>

</style>
<script>
    $ (function() {
        var dialog;
        dialog = $("#dialog-form").dialog({
            autoOpen: false,
            height:300,
            width:350,
            modal:true,

        });
        form = dialog.find( "form" ).on( "submit", function( event ){
            event.preventDefault();
            $( "#placeName" ).append(name.val);
        }); 

        $ ( "#clickMe" ).button().on("click", function(){
            dialog.dialog("open");
        }); 


    });


</script>

这是表单的位置，值设置为“default”

  <body>    
      <div id="dialog-form" title="create user"> <!--starts out hidden-->
        <form>
            <input type="text" name="name" id="name" value="default" class="text ui-widget-content ui-corner-all">
        </form>
    </div>

    <button id="clickMe">Click!</button>
    <br><br><hr><br><br>
    <div id="placeName"></div>


</body>
</html>

Answer 1

def open_fle(f, mode="r"): with open(f, mode=mode, newline="") as f: .....

但是，您需要删除<input {Other attributes} placeholder="default" />属性。

Answer 2

如果您特别不想要placeholder，而是value。

<div id="dialog-form" title="create user"> <!--starts out hidden-->
        <form>
            <input type="text" name="name" id="name" value="default"
 class="text ui-widget-content ui-corner-all" onfocus="this.onfocus=null;this.value=''" onblur="this.value=this.value||'default'">
        </form>
    </div>

Answer 3

如果我正确理解了你的问题，我会看看this thread。

对你而言，它就像是：

$('input').on('click focusin', function() {
    this.value = '';
});

如果您确实希望在输入中添加文字而不是placeholder，但在您的问题中不明确。

如何在用户开始输入时清除表单的默认值（jquery）

3 个答案: