input type="image" 和 img 用法区别

引用一个图片可以使用以下两种代码,

1.

<input type="image" src="xxx.gif" onclick="return dosubmit();">

会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常.

2,

<img src="xxx.gif" onclick="return dosubmit();">

第二种则正常.

原因：HTML 中 image的描述是“创建一个图像控件，该控件单击后将导致表单立即被提交。”。

请 尽量 少用<input type="image">以免造成不必要的异常.

附: button 和input type=button的区别

一句话概括主题：

<button>

具有

<input
type="button" ... >

相同的作用但是在可操控性方面更加强大。

如果你想拥有更多的属性和特效

那么用 <button> 是不错的选择。

button编辑按钮显示文本确实很方便，可以添加 <br> , <img> 等

可以控制innerHTML，innerText

而 <input type=button> 的value毕竟只有一个字符串而已.

更多参考: /article/1272775.html