form表单的button

最新推荐文章于 2022-10-19 21:57:12 发布
最新推荐文章于 2022-10-19 21:57:12 发布
阅读量164 收藏
点赞数
原文链接：http://www.cnblogs.com/samsara-yx/p/10299494.html
版权

今天用form表单做了一个查询列表的功能，但是点击button后页面整体刷新，很是郁闷，后来到网上看了看，
是因为form中button类型默认时submit，后来改为type="button"解决，其实知识很基本，但是时间久了就忘记了，
还是记下来吧，方便以后查看。

转载于:https://www.cnblogs.com/samsara-yx/p/10299494.html

weixin_34138056
关注
FORM 表单相关
Metakazu的博客
10-24 822
Form标签的action属性是一个表单当中必须的属性，action属性规定当提交表单时，向[get][set]或其他方向发送表单数据。手动换行。带自动换行标签内元素的类型创建基础的单行文本框。
解决layui中的form表单与button的点击事件冲突问题
12-01
然而，在实际使用中，有时会出现一些意料之外的问题，例如本文提到的 "layui 中的 form 表单与 button 的点击事件冲突问题"。 当 layui 的 form 表单元素与 button 元素位置重合时，可能会导致 button 的 click ...
form表单中的button
qq_36230076的博客
04-19 691
form表单中的button不写类型默认submit form没写地址 点击按钮刷新页面导致点击事件无效
关于form表单中button的使用
weixin_42812634的博客
03-27 3137
如图中所示，form表单中存在button按钮，此时该如何写这个button呢？ 1、错误写法，点击时相当于直接提交表单； <button onclick="xx()">投影机参数</button> 2、正确写法一 <button type="button" onclick="xx()">投影机参数</button> 3、正确写法二 <i...
在form表单中的button按钮
最新发布
J78807的博客
10-19 567
button按钮在form表单中具有默认功能，提交（submit)和重置(reset)数据 解决方案 用preventDefault方法，取消浏览器对当前事件的默认行为。（最开始我其实以为是要用stopPropagation方法，组织事件冒泡—组织事件在DOM中继续传播，防止再触发定义在别的节点上的监听函数，但是不包括在当前结点上其他的事件监听函数—因为一开始我认为是button按钮产生了冒泡事件，让form表单提交和重置了，实验后才知道不是。） 点击重置按钮后，发现reset重置事件发
form表单中 button 、 input type="button" 、 input type="submit" 的区别
shijiujiu33的博客
10-18 2986
1.&amp;lt; button &amp;gt;与&amp;lt; input type=“button” &amp;gt;其中一个重要的区别就是： 在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。 &amp;lt; button &amp;gt; 控件 与 &amp;lt; input type=“button” &amp;gt; 相比，提供了更为强大的功能和更丰富的
通过button将form表单的数据提交到action层的实例
08-29
在我们的实例中，我们使用 Button 元素来提交 Form 表单数据，我们将 onclick 属性设置为一个 JavaScript 函数，该函数将 Form 表单数据提交到 Action 层。 知识点 2: 使用 Ajax 提交 Form 表单数据 在现代 Web ...
JavaScript在form表单中使用button按钮实现submit提交方法
01-19
 在form表单提交中，使用button来间接完成submit的提交更为灵活。下面是实现方法： 使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在JavaScript中实现具体，代码如下： <head> ...
form表单提交点击按钮提交form表单
06-14 4651
使用jquery提交form表单 2017-06-14  刘道鑫seq...  转自 I_T_馆 修改 微信分享： 需求是：新增页面，有一个表单要提交，正常直接在action中写url，点击submit按钮就可以提交了，但我希望能够在表单提交之前验证一下文本框内容。于是，使用jquery来验证表单，验证通过后提交form表单。
HTML列表 form表单 选择按钮
LygTom的博客
07-08 4358
HTML列表 form表单 选择按钮
form中button提交表单
page_qiu的博客
05-11 2628
发现：springmvc 项目，js校验不通过，return后，表单依然可以提交。 原因：form表单下的按钮在没有指定type类型的时候，如果我们同时给其添加了点击事件的话。会发现我们在点击的时候回默认的把表单也给提交了https://www.w3.org/TR/2011/WD-html5-20110525/the-button-element.html#attr-button-type ...
form表单元素，普通按钮标签
weixin_38945490的博客
03-08 475
form表单元素： 作用：是作为用户信息收集的 action=“”属性：表单数据提交到后台服务器的属性 method="" 属性：表单的提交方式，一共有两种提交方式，get和post get:显示提交，不安全，提交的数据量大 post:隐示提交，安全，提交的数据量小 普通按钮标签 ：button，有type属性,里面有三个值： submit:不写type属性 默认submit（表单提交） reset:重置表单按钮 button：普通按钮 注意：按钮里面的提交和重置只针对form表单有效,不在form内部，无
form表单元素和普通按钮标签
weixin_38945490的博客
03-08 310
form表单元素 ：作用：是作为用户信息收集的 action=“”属性：表单数据提交到后台服务器的属性 method="" 属性：表单的提交方式，一共有两种提交方式，get和post get:显示提交，不安全，提交的数据量大 post:隐示提交，安全，提交的数据量小–> 普通按钮标签 ：button，有type属性,里面有三个值： submit:不写type属性 默认submit（表单提交） reset:重置表单按钮 button：普通按钮 注意：按钮里面的提交和重置只针对form表单有效,不在for
form表单中的button按钮
weixin_30470857的博客
04-20 325
如果在form表单中 ， 存在button元素，button元素就充当了submit的角色 转载于:https://www.cnblogs.com/hwgok/p/6737470.html
form表单里点查询按钮要两次才能跳转
weixin_63285981的博客
10-15 406
点击第一次只会跳转本网页，需要在点击一次才能跳转到原本想跳转的网页。 对着点击事件和js跳转代码坐了半天没发现问题， 经过对旁边同事的询问才知道是form 的自动提交问题，之前都没有了解过form表单还有这个东西。
form和button冲突
qq_40088443的博客
05-19 1002
在写代码过程中发现一个很奇怪的事情，点击登录按钮的时候，居然没有出发按钮对应的ajax,显示被cancel了。而且观察url地址栏，发现url后面莫名其妙多了&username=....&password=..... 查了一下才知道，当有form表单的时候，内部的调整按钮不要用button,因为button的提交也会出发form的提交，然后form表单的请求以get的形式，...
小白编程笔记——HTML中form，button，和Javascript操作的注意事项
Takumu的博客
07-19 241
编程的过程中可能会需要通过HTML上的button来实现表单的提交。我之前习惯是在表单tag中写button，然后在button的回调函数中实现form的提交，但是这个方式是存在一定的小问题的。比如说，如果我需要给回调函数增加一个确认，如果没有得到确认就不再执行form的提交，例如 if(!confrim("是否确认提交？")) return; 此时，我希望实现的是通过return来终止form的提交，但是如果这个button是写在form tag中的话，即使使用了return，form表单仍然会进行
前端学习笔记：form标签以及各种输入框+按钮
Lucifer__hell的博客
03-09 4771
1、网站与用户的交互实现？ 使用HTML表单（form），表单可以把用户输入的数据传到服务器端，这样服务器端就可以处理表单传过来的数据。 2、语法实现： <form method="传送方式" action="服务器文件"></form> 1、<form>:<form>标签是成对出现的，以<form>开始，以</form>结束。 2、action:浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3、metho
＜form＞表单中＜button＞自动提交的问题
m0_51512780的博客
04-13 614
最近想在<form>表单中，添加一个取消按钮，通过设置他的onclik来返回原来的界面，但是出现了一个很奇怪的现象，我点了这个取消的<button>却提交了，非常奇怪。一番搜索后，才发现原来是我没有指定<button>的type，而<button>的type如果不指定，那么默认就是submit。至此，解决办法就显而易见，指定<button>的type为button即可。 举例： 未指定type的<button>： ...
HTML表单form使用详解：实例解析
1. form表单标签 `<form>`标签是定义表单的核心，用于包裹所有表单控件。其基本语法如下： ``` <form method="传送方式" action="服务器文件"> </form> ``` - `method`属性决定了数据的提交方式，通常有`GET`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值