input type="submit"与type="button"的区别
2017-12-14 00:00
591 查看
摘要: input标签中type="submit"与type="button"存在着诸多差别
1、<input type="button"/>表示一个按钮。不写js的话,点击它不会有任何动作发生;
2、<input type="submit"/>表示一个提交按钮。点击之后会自动提交表单Form,可以利用js阻止事件发生;在Bootstrap的Modal弹出层中,若按钮type="submit",则在关闭Modal的时候,页面会刷新;
3、<button>按钮放在form中,点击的时候也会自动提交。按钮的内容可以是文字、图片等多媒体内容。缺点是不同的浏览器得到的value值不同;
4、其他的标签如a、img、span、div,可以用图片把它伪装成一个按钮。
1、<input type="button"/>表示一个按钮。不写js的话,点击它不会有任何动作发生;
2、<input type="submit"/>表示一个提交按钮。点击之后会自动提交表单Form,可以利用js阻止事件发生;在Bootstrap的Modal弹出层中,若按钮type="submit",则在关闭Modal的时候,页面会刷新;
3、<button>按钮放在form中,点击的时候也会自动提交。按钮的内容可以是文字、图片等多媒体内容。缺点是不同的浏览器得到的value值不同;
4、其他的标签如a、img、span、div,可以用图片把它伪装成一个按钮。
相关文章推荐
- input type="submit" 和"button"有什么区别?
- HTML <button> 和 input type=“button”的区别 / input type="submit" 和"button"的区别
- input type="submit" 和"button"有什么区别
- input type="submit" 和"button"有什么区别
- input type="submit" 和"button"有什么区别?
- 网站开发进阶(四十四)input type="submit" 和"button"的区别
- input type="submit" 和"button"有什么区别?
- HTML <button> 和 input type=“button”的区别 / input type="submit" 和"button"的区别
- 网站开发进阶(四十四)input type="submit" 和"button"的区别
- input type="submit" 和"button"有什么区别?
- input type="submit" 和"button"的区别及表单提交
- input type="submit" 和"button"有什么区别?
- type="button"和type="submit"的区别
- <input type = "submit"> 提交方式和用js的form.submit()有什么区别?
- <button></button> 与<input type="button"> <input type="submit">
- ... 作为 input type="button/submit/reset"的一个代替者,功能更强大, 标签的语义也更明确 是实际开发中推荐使用的一个html标签.
- <button>和<input type="button"> 的区别
- HTML<button> 标签和<input type="button">的区别
- <button ></button>与<input type="button" />的区别
- type="button"和type="submit"的区别