javascript - 如何在表单中使用图像？

Question

我有三个图像：

<img src="{% static "img/lt.png" %}" />
<img src="{% static "img/en.png" %}" />
<img src="{% static "img/ru.png" %}" />

我需要它们在表单中，但是我希望没有提交按钮 - 当用户单击图像时，表单被提交。可能吗 ？我怎样才能做到这一点 ？

Answer 1

input与type="image"您的问题一起使用

<input type="image" src="YourImage" />

Answer 2

您可以将 javascript 点击处理程序添加到使用 javascript 提交表单的图像。

    <img src="{% static "img/ru.png" %}" onclick="submitForm();" />

    <script type="text/javascript">
        function submitForm() {
            document.getElementById('form1').submit();
        }
    </script>

这也可以让您在提交之前修改任何可能隐藏的输入字段。