<input type="submit">和<button type="submit">这两个元素有什么不同?
<input type="submit">和<button type="submit">这两个元素有什么不同?
我记得都可以用来提交信息,但是不知道有何区别
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(6)
好像说不推荐用button?但是前端他们给的前端页面都是button标签
除了我问题提到的两个,还有其他两个<input type="button">和<button type="button">总共4个现在搞不懂他们的作用。。
回复
input的button和type的button一般都需要自己写onclick事件,他们点击操作不会引起表单提交(除非你自己调用submit)。区别仍然是input是表单的一部分并且value只能是一般文本。
回复
实际上<button>因为表现形式更丰富,可以用图片和其他作为按钮的内容。所以他使用的更多一点。
回复
你的意思是<button type="submit">和<button type="button">这两个用的多一些,前者用来提交表单,后者用来做按钮绑定事件。我这样理解对吗?
input的submit属于表单的一部分,他仍然可以使用name和value随着表单一起提交(甚至一个表单多个submit按钮,服务器靠提交的对应值来判断用户点的是哪个按钮),他的值只能是文本(当然你可以用css以背景图的方式做成图片等)
button的submit在功能上和上面的类似,但他不能作为表单的一部分提交。另外button的表现不靠value,而是靠他的标签体,所以可以在button中使用其他的标签,比如img或者bootstrap带图标时的<i class="icon-..."></i>