表单上的 Nodejs/Express 可点击图像答案

【问题标题】：Nodejs/Express clickable image on the form表单上的 Nodejs/Express 可点击图像
【发布时间】：2019-11-16 07:01:06
【问题描述】：

我在 NodeJs/Express 应用程序的表单上有一张图片。我希望它充当提交类型按钮。

<form id="form_nav1" action="/about" method="post">  
    <div>
        <img src="/images/aboutus.png" type="submit" style="cursor:pointer;" name="about_us">
    </div>
</form>

我期待对 index.js 的 POST 调用，但没有任何反应。

提前感谢您的任何指导。

【问题讨论】：

标签： node.js image express post form-submit

【解决方案1】：

提交按钮是提交按钮，图像是图像。您不能将type 属性放在任意元素上。

创建一个包含图片的提交按钮：

document.querySelector("form").addEventListener("submit", function (e) {
    e.preventDefault();
    alert("Form submitted");
});

button {
  margin: 0;
  padding: 0;
  border: 0;
}

<form action="http://example.com">
  <button name="about_us" value="submit">
    <img src="http://placekitten.com/100/50" alt="About Us">
  </button>
</form>

【讨论】：

【解决方案2】：

您还可以在您的图像上放置一个点击监听器并使用 javascript 进行发布请求

【讨论】：