A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© naruto2205 中级黑马   /  2013-12-17 23:31  /  1014 人查看  /  4 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 naruto2205 于 2013-12-18 22:19 编辑

image与submit提交的区别有什么


评分

参与人数 1技术分 +1 收起 理由
茹化肖 + 1

查看全部评分

4 个回复

倒序浏览
image:
创建一个图像控件,该控件单击后将导致表单立即被提交。
submit:
创建一个按钮,该按钮单击后将提交表单。
---
这样看来,给image写一个onclick 的话,应该是先 提交后执行了...
submit 应该直接去执行 onclick吧...

评分

参与人数 1技术分 +1 收起 理由
V_John + 1

查看全部评分

回复 使用道具 举报
学习学习!
回复 使用道具 举报
两者是相同的,都是先执行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处理就可以了。

评分

参与人数 1技术分 +1 收起 理由
V_John + 1

查看全部评分

回复 使用道具 举报
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来隐藏。

评分

参与人数 1技术分 +1 收起 理由
V_John + 1

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马