重置AMP表单提交中的字段

Question

我想重置成功的AMP表单提交的所有表单域，因为我允许用户输入多个数据。

手动地，我可以通过amp-bind管理每个字段的状态，但我想一次性重置字段。有没有像form.reset present这样的函数可以在表单提交成功事件时调用？

Answer 1

您可以使用clear action重置表单中的所有字段：

<form id=myForm>
  <input>
</form>
<button on="tap:myForm.clear">Clear inputs</button>

Answer 2

您可以使用submit-success。

<form id=myForm on=submit-success: myForm.clear>
  <input name=name value= />
<button>Submit form</button>
</form>