如何在表单中使用图像?

时间:2013-09-24 22:32:05

标签: javascript html css

我有三张图片:

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

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

2 个答案:

答案 0 :(得分:5)

input type="image"使用问题

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

答案 1 :(得分:0)

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

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

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

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