2013-09-24 3 views
-10

У меня есть три изображения:Как использовать изображения в форме?

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

Мне нужно, чтобы они были в форме, но я не хочу, чтобы быть не кнопка отправки - когда пользователь нажимает на изображение, форма получает представлены. Является ли это возможным ? Как я могу это сделать ?

+2

Возможный дубликат [Использование изображения в виде кнопки отправки] (http://stackoverflow.com/questions/5283360/using-an-image-as-a-submit-button). Или [Отправить кнопку изображения] (http://stackoverflow.com/questions/11772326/submit-button-image). Или [кнопка изображения как кнопка ввода формы ввода] (http://stackoverflow.com/questions/3381609/button-image-as-form-input-submit-button). – cmbuckley

ответ

5

Использование input с type="image" вашей проблемы

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

+1 для привлечения мозга перед ответом. –

+0

Я не знаю, почему -1, но нормально .. –

0

Вы можете добавить JavaScript обработчики кликов к изображениям, которые представляют форму с помощью JavaScript.

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

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

Это также может позволить вам изменить любые потенциально скрытые поля ввода перед отправкой.

Смежные вопросы