html - 清除表单中的文本字段并重新提交

Question

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

score 1 · Accepted Answer

你的按钮应该是这样的：

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

和你的 javascript 代码：

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

score 1 · Accepted Answer

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

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

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

score 0 · Accepted Answer

HTML5 为我们带来了“占位符”属性，它允许对此进行纯 CSS 实现。

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

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

3 回答 3