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>

此行用于显示引导程序中的地图标记图标。现在我想要实现的是使这个图标像一个提交按钮。也就是说，当用户在文本字段中输入一些值，然后在单击此地图标记图标后，表单应该提交。

如何实现这一目标？

提前致谢。

Answer 1

您可以使用图像按钮轻松完成此操作，然后您可以根据需要设置样式

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

Answer 2

使用此代码

<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/

如何使图标在以下场景中表现得像提交按钮？

2 个答案: