Question

我有一个html格式（在php中生成），其中还包含一个文本字段。要提交表单，我使用提交按钮，结果显示在页面的左侧。现在，我想添加另一个按钮来清理文本字段中的文本并重新提交表单（在文本字段中使用value=""）。你知道怎么做吗？简单<input type="reset">不提交表单。

Answer 1

你的按钮应该是这样的：

<input type="button" onclick="DeleteText();" value="Delete text" />

和您的javascript代码：

function DeleteText() {
   document.getElementById('my_text_input_id').value = '';
   document.getElementById('my_form_id').submit();
}

Answer 2

假设文本框中包含id="myText"，新按钮为id="clearBtn"，表单为id=myForm。您可以执行以下操作：

$(#clearBtn).on("click",function() {
    $('#myText').val("");
    document.forms["myForm"].submit();
})

这是未经测试的，但提出了一个想法。此外，这是一个jquery解决方案，在大多数情况下我推荐使用纯javascript。

Answer 3

HTML5为我们带来了＆＃34;占位符＆＃34;属性，允许纯CSS实现此。

<input type="text" name="focus" required class="search-box" placeholder="Enter search term" />

我已经成功使用了Shidhin的解决方案，在这里找到：