Flask中是否存在可点击清空表单输入的ClearField表单字段？

Flask-WTF 本身没有内置名为ClearField的预定义表单字段，你可以通过以下两种方式实现清空表单的功能：

• 方案1：直接在模板中使用HTML原生重置按钮
  不需要在表单类中额外定义字段，直接在表单渲染的模板位置插入如下代码即可，原生reset类型的input会自动清空当前表单内所有输入项的内容：

  <input type="reset" value="清空表单">
  

• 方案2：自定义Reset字段统一在表单类中管理
  如果你希望所有表单字段都统一在表单类中定义，可以继承SubmitField自定义重置字段，实现代码如下：
  第一步：定义自定义Reset字段

  from wtforms import SubmitField
  
  class ResetField(SubmitField):
      def __call__(self, **kwargs):
          # 指定按钮类型为reset，触发原生清空逻辑
          kwargs.setdefault('type', 'reset')
          return super().__call__(**kwargs)
  

  第二步：在你的表单类中引用该字段

  from flask_wtf import FlaskForm
  from wtforms import SubmitField
  # 引入你自定义的ResetField
  from xxx import ResetField
  
  class YourCustomForm(FlaskForm):
      # 其他原有字段省略
      submit = SubmitField("Submit")
      clear = ResetField("清空表单")
  

  第三步：模板中正常渲染字段即可

  {{ form.clear() }}
  

注意：原生reset按钮的默认逻辑是将表单内容恢复为页面加载完成时的初始值，如果你的表单在提交后有回显填充内容，点击reset只会回到回显后的状态，不会完全清空为空白。如果需要完全清空所有内容，可以给重置按钮绑定简单的JS事件覆盖默认逻辑即可。

内容的提问来源于stack exchange，提问作者user14886890