Как заставить значок вести себя как кнопка отправки в следующем сценарии?

Question

Как заставить значок вести себя как кнопка отправки в следующем сценарии?

У меня следующий фрагмент кода HTML:

<form action="xyz.php" method="post" class="navbar-form pull-right">
<input style="width: 115px;" type="text" placeholder="Enter the zip code"> <i class="icon-map-marker icon-black"></i>
</form>

Теперь вы можете увидеть строку кода сверху:

<i class="icon-map-marker icon-black"></i>

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

Как этого добиться?

Заранее спасибо.

2

form-submit html icons php

Решение

Другие решения

Используйте этот код

<form action="xyz.php" method="post" class="navbar-form pull-right">
<input style="width: 115px;" type="text" placeholder="Enter the zip code">
<input type="submit" value="Submit"><i class="icon-map-marker icon-black"></i></input>
</form>

Это для отправки

<input type="submit" value="Submit"><i class="icon-map-marker icon-black"></i></input>

http://urbandoor.in/

-1

Источник

Accepted Answer

Вы можете легко сделать это, используя кнопку с изображением, тогда вы можете стилизовать его, как вам нравится.

<form action="xyz.php" method="post" class="navbar-form pull-right" id="formId">
<input type="image" src="your_image_location" alt="Submit Form" />
</form>

0