HTML <button> 和 input type=“button”的区别 / input type="submit" 和"button"的区别

亦凉 2022-06-18 09:26 198阅读 0赞

HTML <button> 和 input type=“button”的区别：

1. <button>标签里可以放文本图片等内容，与<input>创建的按钮不同。

2. <input>中的button通常与javascript一起使用启动脚本。如：<input type="button" value="点我" οnclick="msg()"> 。

3. 如果在 HTML 表单中使用 <button> 元素，不同的浏览器可能会提交不同的按钮值。通常用<input>在 HTML 表单中创建按钮。

input type="submit" 和"button"的区别：

1. button只是一个按钮，不写javascript什么也不会发生。

2. submit点击后会自动提交form，除非写javascript来阻止。

总结：

在一个页面上画一个按钮，有四种办法：

*  <input type="button" /> 这就是一个按钮。如果你不写javascript 的话，按下去什么也不会发生。
 *  <input type="submit" /> 这样的按钮用户点击之后会自动提交 form，除非你写了javascript 阻止它。
 *  <button> 这个按钮放在 form 中也会点击自动提交，比前两个的优点是按钮的内容不光可以有文字，还可以有图片等多媒体内容。（当然，前两个用图片背景也可以做到）。它的缺点是不同的浏览器得到的 value 值不同；可能还有其他的浏览器兼容问题。
 *  其他标签，例如 a, img, span, div，然后用图片把它伪装成一个按钮。

onclick和onsubmit的区别

<input type="button" value="点我" οnclick="msg()">

<form name="testform" action="jsref_onsubmit.asp"
    onsubmit="alert('Hello ' + testform.fname.value +'!')">
    
    What is your name?<br />
    <input type="text" name="fname" />
    <input type="submit" value="Submit" />
    
    </form>

发表评论取消回复

表情：

评论列表（有 0 条评论，198人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript:浅谈＜button＞和＜input type=button＞的区别

![8f8a6332b04120632e2512ea5fae6d1a.png][] button 标签与input type=button的对比 -----

比眉伴天荒/ 2023年01月08日 08:22/ 0 赞/ 129 阅读

相关 input runat= server和asp:button的区别

服务器端区别，一个是 <input type= "button " runat= "server "/> 对应System.Web.UI.HtmlControls.

ゝ一世哀愁。/ 2022年09月29日 04:14/ 0 赞/ 84 阅读

相关 button和input type=button的区别及注意事项

<button>标签定义和用法 <button>标签定义一个按钮。在button元素内部，您可以放置内容，比如文本或图像。这是该元素与使用input元素

曾经终败给现在/ 2022年09月25日 09:19/ 0 赞/ 121 阅读

相关 input type="button"和button区别

转自 https://davidwalsh.name/html5-buttons One of the things I love about CSS is how easy

刺骨的言语ヽ痛彻心扉/ 2022年08月21日 13:56/ 0 赞/ 153 阅读

相关 HTML <button> 和 input type=“button”的区别 / input type="submit" 和"button"的区别

HTML <button> 和 input type=“button”的区别： 1. <button>标签里可以放文本图片等内容，与<input>创建的按钮不同。 2

亦凉/ 2022年06月18日 09:26/ 0 赞/ 199 阅读

相关 input type="submit"和“button”区别

转载自:[https://www.zhihu.com/question/20839977/answer/16354924][https_www.zhihu.com_questi

青旅半醒/ 2022年05月24日 04:19/ 0 赞/ 156 阅读

相关 submit和button的区别

声明：更多免费教学文章请关注这里转发：[https://blog.csdn.net/aiming66/article/details/79046432][http

迷南。/ 2022年04月23日 23:00/ 0 赞/ 159 阅读

相关 html总结(一)--表单提交中的input、button、submit的区别

来自：[http://www.cnblogs.com/shytong/p/5087147.html][http_www.cnblogs.com_shytong_p_508714

桃扇骨/ 2022年04月11日 02:49/ 0 赞/ 202 阅读

相关 input type="submit" 和"button"有什么区别？

原文链接：[https://blog.csdn.net/a464064368/article/details/53410203][https_blog.csdn.net_a46

野性酷女/ 2022年03月25日 07:42/ 0 赞/ 182 阅读

相关 HTML input button 按钮

HTML input button 按钮将`<input>`标签的type属性值设置为"button"即可创建一个按钮。点击按钮可以触发一个事件，通常需要结合Java...

小灰灰/ 2020年05月16日 18:07/ 0 赞/ 944 阅读