为什么一点onclick按钮就提交表单？

下面是一个表单，有一个onclick按钮，点击后上面文本框的内容被添加到下面的文本域中，并可以一直添加，然后点击submit后提交到另一个页面。但是，在Ie9或者火狐浏览器中我一点onclick为什么总是提交表单，在搜狗，360浏览器中并未出现这样的状况。想问是不是浏览器的兼容问题，该如何解决。

<form action="abc.jsp" method="get" ><input id = "input" size="30" maxlength="100"   /><button >add</button></p><p><label for="textarea"></label><textarea name="name" id="textarea" cols="40" rows="5" readonly="true"></textarea>    &nbsp;&nbsp;<input type="submit" id="button2" value="submit" /><input type="reset"  id="button" value="reset" /></p>
</form>

记住：
请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

所以，你要做的很简单：
1、放弃使用button标签，改用input
2、使用button标签，但是指定其 type为 button.

可以参照：http://www.w3school.com.cn/tags/tag_button.asp

直接用<input type="button" />来处理吧

转载于:https://www.cnblogs.com/tk091/p/4331343.html

为什么一点onclick按钮就提交表单？相关推荐

html把保留图片改为提交按钮,如何制作图片按钮，并为图片按钮添加提交表单和重置表单功能...
网页中有表单,表单的默认按钮样式不是很好看,很多人为了美观使用图片做按钮. 今天中国在一.图片按钮的制作方法 1. 定义图像形式的提交按钮. 2.用CSS把图片设为按钮的背景 3.作用,设置其bac ...
button按钮无法提交表单问题发现与解决
前些天,我在用html制作登录框时遇到一个问题,form表单中的button不能提交表单中的数据. 相信你知道,input的type="submit"有提交表单的功能,当然,我们自 ...
form表单按下提交按钮无法提交表单的问题
最近用bootstrap写一个项目,用到表单,然后提交表单的时候,按钮<input type="submit" value="提交"/>一直触发不了 ...
如何防止按钮提交表单
在下一页中,使用Firefox,"删除"按钮提交表单,但"添加"按钮不提交. 如何防止"删除"按钮提交表单? <html> &l ...
button按钮提交表单问题
form表单里有个Button按钮,非submit类型,但点击按钮会提交表单 <button id="btnCnfm" class="btn btn-info bt ...
【重复提交表单】表单重复提交的三种情况，解决办法
引入看一个重复提交表单的例子 F12可以看到,请求体中的参数在刷新页面之后仍然保留,因此每一次刷新页面,都会把现有的请求体中的表单数据提交一次到服务器,而接收的页面还是insert.jsp,于是造成 ...
纯html点击按钮弹出表单,Bootstrap使用模态框modal实现表单提交弹出框
Bootstrap 模态框(Modal)插件模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等. 如 ...
前端问题：button按钮在form表单的时候会当成submit提交
button按钮在form表单的时候会当成submit提交 input type="button" PS:遇到了一个坑是,button按钮在form表单的时候会当成submit提交 ...
php 表单同步,Jquery点击按钮异步和同步提交表单
最近在开发一个jsp学生信息管理系统,由于刚刚接触jsp,遇到问题比较多,特此记录与大家分享. Jquery ajax提交表单到servlet示例前台部分代码: 姓名学号 ajax提交表 ...

为什么一点onclick按钮就提交表单？

为什么一点onclick按钮就提交表单？相关推荐

最新文章

热门文章