表单提交后清空表单内容

要在表单提交后清空表单内容，你可以使用 JavaScript 来实现。以下是一个简单的示例：

<form id="myForm" method="post" action="submit.php">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name">

  <label for="email">Email:</label>
  <input type="email" id="email" name="email">

  <button type="submit">Submit</button>
</form>

<script>
  const form = document.getElementById("myForm");
  form.addEventListener("submit", function(event) {
    // 阻止表单默认的提交行为
    event.preventDefault();

    // 清空表单内容
    form.reset();
  });
</script>

在这个示例中，我们给表单添加了一个 ID 属性，然后在 JavaScript 中获取该表单元素。然后，我们添加了一个事件监听器，以在表单提交时阻止默认的提交行为，并使用 `reset()` 方法来清空表单内容。

相关问题

vue 提交数据清空表单

在Vue中提交数据后清空表单有多种方法。一种方法是通过在表单上绑定ref，然后调用resetFields()方法来清空表单。另一种方法是直接将每个字段的值设置为初始值。具体实现取决于表单项是否有校验规则。

如果表单项没有校验规则，可以通过以下代码清空表单：

methods: {
  resetForm(formName) {
    this.$refs[formName].resetFields();
  }
}

如果表单项都附有校验规则，可以通过以下代码清空表单：

methods: {
  resetForm() {
    this.$refs.ruleForm.resetFields();
  }
}

回答完毕之后，请问还有其他相关问题吗？

相关问题:
1. Vue中如何提交表单数据？
2. Vue中如何设置表单项的校验规则？
3. Vue中如何获取表单项的值？

django表单内容自动清空

在 Django 中，表单内容自动清空可以通过在视图函数中重新渲染表单的方式实现。具体来说，可以在 POST 请求处理逻辑中，如果表单验证不通过，则直接返回渲染后的表单页面，这样表单中的内容就会被自动清空。

示例代码如下：

from django.shortcuts import render
from .forms import MyForm

def my_view(request):
    if request.method == 'POST':
        form = MyForm(request.POST)
        if form.is_valid():
            # 处理表单提交逻辑
            # ...
            return render(request, 'success.html')
        else:
            # 表单验证不通过，重新渲染表单页面
            form = MyForm()
            return render(request, 'my_form.html', {'form': form})
    else:
        form = MyForm()
        return render(request, 'my_form.html', {'form': form})

在上面的代码中，如果表单验证不通过，会重新渲染表单页面，并将一个新的空表单对象传递给模板渲染，这样就能够实现自动清空表单内容的效果。