<input type="submit">和<button type="submit">这两个元素有什么不同?

单曲循环shield 发布于 2016/08/29 20:07
阅读 765
收藏 0

<input type="submit">和<button type="submit">这两个元素有什么不同?

我记得都可以用来提交信息,但是不知道有何区别

加载中
0
逝水fox
逝水fox

input的submit属于表单的一部分,他仍然可以使用name和value随着表单一起提交(甚至一个表单多个submit按钮,服务器靠提交的对应值来判断用户点的是哪个按钮),他的值只能是文本(当然你可以用css以背景图的方式做成图片等)

button的submit在功能上和上面的类似,但他不能作为表单的一部分提交。另外button的表现不靠value,而是靠他的标签体,所以可以在button中使用其他的标签,比如img或者bootstrap带图标时的<i class="icon-..."></i>

单曲循环shield
单曲循环shield
回复 @逝水fox : 你的意思是<button type="submit">和<button type="button">这两个用的多一些,前者用来提交表单,后者用来做按钮绑定事件。我这样理解对吗?
逝水fox
逝水fox
回复 @单曲循环shield : 实际上<button>因为表现形式更丰富,可以用图片和其他作为按钮的内容。所以他使用的更多一点。
逝水fox
逝水fox
回复 @单曲循环shield : input的button和type的button一般都需要自己写onclick事件,他们点击操作不会引起表单提交(除非你自己调用submit)。区别仍然是input是表单的一部分并且value只能是一般文本。
单曲循环shield
单曲循环shield
除了我问题提到的两个,还有其他两个<input type="button">和<button type="button">总共4个现在搞不懂他们的作用。。
单曲循环shield
单曲循环shield
好像说不推荐用button?但是前端他们给的前端页面都是button标签
返回顶部
顶部