`
tony_521430
  • 浏览: 1391 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

type="button"与type="submit"的区别是什么

阅读更多
好像是如果你用submit,不论前面的function如何,就一定会连接到下个jsp
而用button前面的function判断就会起作用,

type="submit" 会自动帮你提交表单,
type="button" 就是普通的按钮,需要自己写响应事件

submit 可以用 onSubmit()事件捕捉
button只能 onClick了

好像是如果你用submit,不论前面的function如何,就一定会连接到下个jsp
这个一般不用onclick捕捉
而是在<form ... onsubmit="">里 捕捉,

一般写法是onsubmit = "return testForm(this)"
如果testForm return false就不会提交。一般用在数据客户端数据校验。
分享到:
评论

相关推荐

    JS中type="button"和type="submit"的区别

    在JavaScript和HTML交互中,创建按钮常常涉及到`type="button"`和`type="submit"`两种类型,它们在功能上有着显著的区别。理解这些差异对于优化表单操作和用户体验至关重要。 首先,`type="button"`的按钮是纯功能...

    JS中type=”button”和type=”submit”的区别

    在JavaScript和HTML交互中,创建按钮常常涉及到`type="button"`和`type="submit"`两种类型,它们在功能上有着显著的区别。理解这些差异对于构建高效且用户友好的Web表单至关重要。 首先,`type="button"`是用来创建...

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

    在JavaScript交互中,`&lt;button&gt;`的`value`属性与`&lt;input type="button"&gt;`的处理方式也不同。例如,通过`$('#customBtn').val()`在IE浏览器下获取的是按钮内部的文本,而在非IE浏览器中则是`value`属性的值。如果要跨...

    submit和button的区别

    首先,`submit`是一个特殊的`button`类型,它默认具有提交表单的功能。当用户点击`submit`类型的按钮或按下回车键时,表单中的数据会被发送到服务器进行处理。如果在表单中只有一个`submit`按钮,那么点击这个按钮就...

    html中submit和button的区别

    在探讨HTML中`submit`和`button`的区别之前,我们首先需要明确这两个元素的基本概念以及它们在网页设计和开发中的作用。HTML,全称为HyperText Markup Language,是用于创建网页的标准标记语言。在HTML中,`&lt;input&gt;`...

    button没写type=button会导致点击时提交

    然而,由于`&lt;button&gt;`元素没有指定`type`属性,浏览器按照默认行为处理,即`type="submit"`,导致了表单的提交,这可能是关闭弹窗的原因,因为表单提交可能触发了页面刷新或者跳转。 为了避免这种情况,我们需要...

    网页制作必备(最常用javascript onclick语句40条)

    &lt;INPUT onclick="window.external.ShowBrowserUI('OrganizeFavorites',null)" type=button value=ղؼ name=Submit2&gt; ``` 打开浏览器的收藏夹管理界面。 ### 11. 查看源代码 ```html &lt;INPUT onclick='window....

    JavaScript在form表单中使用button按钮实现submit提交方法

    submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上。 在javaScript中关于submit和button的...

    ASP.net开发经典button样式

    Button控件是一个服务器控件,它在客户端表现为HTML的`&lt;input type="submit"&gt;`或`&lt;input type="button"&gt;`元素。默认情况下,Button控件的样式相对简单,但我们可以对其进行自定义,以实现更精致的设计。 1. **基本...

    JS button按钮实现submit按钮提交效果

    然而form表单的 submit 且一旦提交则全部提交,所以想到的实现方法就是 使用button实现,代码实现见如下: form设置: &lt;form method=”post” name=”linkform”&gt; 隐藏的act方法设置,代码如下: &lt;input ...

    button没有指定type为submit点击按钮跳转不到指定url

    然而,正如题目所描述的问题,如果`&lt;button&gt;`元素没有指定`type`属性,或者没有将其设置为`submit`,在某些浏览器中,特别是旧版本的Internet Explorer(例如IE6、IE7),点击按钮可能不会触发表单的提交动作,导致...

    页面提交submit的几种方法

    本文介绍了几种页面提交submit的方法,包括使用`&lt;input type="button"&gt;`配合JavaScript、使用`&lt;input type="submit"&gt;`以及结合这两种方式实现复杂的验证逻辑。同时,还探讨了在处理表单提交数据时可能遇到的编码问题...

    sp\button和submit的区别及使用js实现页面跳转的方式

    sp\button和submit的区别及使用js实现页面跳转的方式 Button和Submit是两个常用的HTML表单元素,它们都是用于提交表单的,但是它们之间存在着一些区别。 首先,Button类型的按钮仅仅是一个普通的按钮,点击它不会...

    Ecshop 一键发货

    = 1 && $order.order_status == 1 }&lt;input name="invoice_no" type="text" style="color:#00F" value="" /&gt;&lt;input name="to_shipping" type="submit" style="color:#F00" value="快速发货" class="button"/&gt;{/if}

    帝国cms批量增加专题插件

    &lt;input type="button" name="Submit52" value="增加专题" onclick="self.location.href='AddZt.php?enews=AddZt&lt;?=$ecms_hashur['ehref']?&gt;';"&gt; 在前面增加 &lt;input type="button" name="Submit52" value="批量增加...

    浅析一个表单多个Submit按钮的简单实现方法

    例如,`&lt;input type="submit" formaction="/submit1" value="提交1"&gt;`和`&lt;input type="submit" formaction="/submit2" value="提交2"&gt;`。这样,点击不同按钮会向不同的URL提交表单。 3. **使用CSS隐藏和JavaScript...

    定义input type=file 样式的方法

    &lt;input type="submit" name="submit" class="btn" value="上传" /&gt; ``` 在这个结构中,`&lt;input type="text"&gt;`用于显示用户选择的文件名,`&lt;input type="button"&gt;`则作为点击触发文件选择对话框的按钮。`&lt;input ...

    web开发中常用的input事件汇总

    &lt;INPUT onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)" type="button" value="组织收藏夹" name="Submit2"&gt; ``` 提供一个界面供用户管理他们的收藏夹,包括整理、删除等操作。 #### 查看源...

    input标签里面的name与value的区别

    这就是一个按钮) type可选的值如下: button 按钮 checkbox 复选按钮组件 file 文件上传组件 hidden 隐藏域 image 图片区域 password 密码输入文本框 radio 单选按钮组件 reset 重置表单按钮 submit 提交表单按钮 ...

Global site tag (gtag.js) - Google Analytics