将图片设置为提交按钮

Question

我正在使用以下代码将图像设置为提交按钮

 *<input type="submit" src="submit1.jpg" alt="submit Button"onMouseOver="this.src='submit1.jpg'">*

但我其实不知道在整个代码中应该把这行代码放在哪里，因为我把它放在了 <form> 后面，但它不起作用。

无论我把这行代码放在哪个位置，都会出现 "submit query"，但我想要它在点击按钮时提交表单。我也使用了 <button>

input type="image"

实际上，我想问从哪里开始执行这段代码，“从哪一行开始？”

- Muhammad Hussain

Answer 1

将类型从更改为并将值添加为submit：

<input type="image" value="submit" src="submit1.jpg" alt="submit Button" onMouseOver="this.src='submit1.jpg'">

- DoctorLouie

Answer 2

这是一个完整的HTML文档：

<form name="someform" action="http://www.google.com">
<input type="image" width="100" value="submit" src="image1.png" alt="提交按钮" onMouseOut="this.src='image1.png'" onMouseOver="this.src='image2.png'">
</form>

请注意，当鼠标不在按钮上时，“onmouseout”事件用于将按钮返回到之前的状态。

- alemjerus