如何用JS一次获取HTML表单的所有字段？

 

    用户名
    

    简介
    

    任务
    

    提交
  

上面每个字段都有对应的type、id和name属性，以及相关联的label。用户点击"提交"按钮.

• 从事件target获取表单字段

首先，我们在表单上位submin事件注册一个事件侦听器，以停止默认行为（他们将数据发送到后端）
然后，使用this.elements或者event.target.elements访问表单字段。

相反，如果需要相应某些用户交互而动态添加更多的字段，那么我们需要使用FormData。

• 使用FormData

首先，我们在表单上为submit事件注册一个事件侦听器，以停止默认行为，接着我们从表单构建一个FormData对象 。

除了append()、delete()、get()、set()之外，FormData 还实现了Symbol.iterator。它可以用for...of 遍历。

方法一

方法二

除了上述方法之外，entries()方法获取表单对象形式