Nodejs/Express 表单上的可点击图片

Question

我在 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>

我期待 POST 呼叫 index.js 但没有任何反应。

在此先感谢您的指导。

Answer 1

您还可以在您的图片上放置一个点击侦听器，然后使用 javascript

执行 post 请求

Answer 2

提交按钮是提交按钮，图片是图片。您不能将 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>

Nodejs/Express 表单上的可点击图片

Nodejs/Express clickable image on the form

post

image

form-submit

node.js

express