如何在表单中使用图像？ [复制]

Posted 2023-03-05

【中文标题】如何在表单中使用图像？ [复制]

【英文标题】：How can I use images in a form? [duplicate]

【发布时间】：2013-09-30 08:32:12

【问题描述】：

我有三张图片：

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

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

【问题讨论】：

Using an image as a submit button 的可能副本。或Submit Button Image。或button image as form input submit button.

【参考方案1】：

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

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

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

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

【参考方案2】：

使用input 和type="image" 来解决您的问题

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

【讨论】：

+1 用于在回答之前让大脑参与进来。

我不知道为什么-1，但是好的..