Javascript 获取每个表单的ID属性

我需要在单击时控制每个表单元素的日志ID属性。因此，如果有人没有点击表单元素，我不想用控制台记录它

这是我的密码：

<form class="cf">
  <div class="half left cf">
    <input type="text" id="input-name" placeholder="Name">
    <input type="email" id="input-email" placeholder="Email address">
    <input type="text" id="input-subject" placeholder="Subject">
  </div>
  <div class="half right cf">
    <textarea name="message" type="text" id="input-message" placeholder="Message"></textarea>
  </div>  
  <input type="submit" value="Submit" id="input-submit">
</form>

---

它会记录控制台日志，但单击时会记录所有内容，单击时我只需要每个表单的ID属性。

您只需向表单中添加一个单击侦听器事件即可。
例如：

let forms=document.querySelectorAll（'form'）；
函数formClicked（事件）{
日志（event.target.id）；
}
forms.forEach（form=>{
form.addEventListener（'click'，formClicked，false）；
});

document.addEventListener('click', function(e) {
console.log(e.target.id);
}, false);