黑马程序员技术交流社区

标题: html中的一个问题 [打印本页]

---

作者: naruto2205    时间: 2013-12-17 23:31
标题: html中的一个问题


image与submit提交的区别有什么

---

作者: 雨中恋人    时间: 2013-12-17 23:47
image:
创建一个图像控件，该控件单击后将导致表单立即被提交。
submit:
创建一个按钮，该按钮单击后将提交表单。
---
这样看来,给image写一个onclick 的话,应该是先 提交后执行了...
submit 应该直接去执行 onclick吧...

---

作者: chensc    时间: 2013-12-18 08:18
学习学习！

---

作者: 一席倾城    时间: 2013-12-18 13:05
两者是相同的，都是先执行onclick 所指程式，都可以相应回车然后提交表单。两者都可能执行onclick时截住提交
<script type="text/javascript">

function validate(arg)
{ alert("你刚才按了 " + arg)
return false
}

</script>


<form action=test.php method=POST>
<input style="width:300px;"><br>
<input type=submit value="提交" onclick="return validate('提交按钮')"><br>
<input type=image src="000.jpg" onclick="return validate('图像')">
</form>

区别在于type=”image”的input会提交点击坐标x,y。事实上这个type的发明并不是用在做提交按钮上的，他独特的作用是获取图片上的点击坐标，并且提交。另外他和type=”submit”是一样的，所以经常会有人问，为什么type=”image”会提交两次，事实上把他当成submit处理就可以了。

---

作者: 王子斌    时间: 2013-12-18 19:19
type=”image”和type=”submit”都可以相应回车，并且都能提交。
不过type=”image”的input会提交点击坐标x,y。事实上这个type的发明并不是用在做提交按钮上的，他独特的作用是获取图片上的点击坐标，并且提交。
另外他和type=”submit”是一样的，所以经常会有人问，为什么type=”image”会提交两次，事实上把他当成submit处理就可以了。
我的建议是使用input type=”submit”或者button type=”submit”来做，图片则使用背景，这样可以通过css sprites来减少http请求。
文字则可以用text-indent或者line-height来隐藏。

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2