Question

伙计们检查一下：http://www.codetoad.com/html/buttons/image_submit_button.asp

当您点击按钮时，您会注意到

http://www.codetoad.com/html/buttons/image_submit_button.asp?x=118&y=22

我如何在最后删除这个“x = 118＆amp; y = 22”。因为我的表单是一个获取表单，因此它改变了我的代码..

请帮忙

Answer 1

这是<input type="image" />元素的标准行为，我认为你不能改变它。

您可以改为使用<button>标记：

<button type="submit">
  <img src="someimage.jpg" />
</button>

编辑：如果您不希望它看起来像一个按钮，您可以使用CSS删除按钮样式：

button {
  border-style: none;
  background-color: transparent;
}

Answer 2

我认为这是行为，而不是与这种行为作斗争，你可以做的是在输入type = submit上应用css。 with background-image属性。


< input type=submit id='submitButton' value='submit' />


<style>
#submitButton {
  width: 100px;
  height: 55px;
  padding: 55px 0 0;
  margin: 0;
  border: 0;
  background: transparent url(pathtoyourimage/image.gif) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
</style>

使用按钮合并图像时出现问题

2 个答案: