form表单的注意事项

最新推荐文章于 2024-07-17 18:42:40 发布
最新推荐文章于 2024-07-17 18:42:40 发布
阅读量216 收藏
点赞数 1
分类专栏： # HTML 文章标签： html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45755591/article/details/120790852
版权

给表单设置了点击事件，点击之后数据在闪一下就消失了

原因：因为的 type 默认值是"submit"，也就是默认是表单的提交按钮。 而中如果没有设置action，则action默认值是当前页面地址，这样表单提交等于是刷新了当前页面。

解决:给button的type的属性值设为button

平头丰
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
表单 form
weixin_46376652的博客
03-07 97
form action method：提交方式get/post name input 文本框行内块元素 password：密码框 submit：登录 reset：重置 redio：单选 name属性相同 checked disabled file：文件 type="color"type="week" type="month" type="date"type="time" type="range"type="number"autofocus required autocomplete placeholder
表格嵌套表单
qq_43327962的博客
03-16 524
表格嵌套表单 实现代码如下：index.html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
el-upload组件上传闪动的解决
oschina_kk的博客
07-30 6376
文章目录闪动问题复现问题代码解决方案 闪动问题复现 el-upload组件上传后有闪动的现象，如下： 问题代码 <!-- 上传组件，其中file-list绑定的参数为infoForm.effect --> <el-upload name="file" class="upload-demo" :action="root + 'goods/uploadImageToAliOss'" list-type="picture-card" :on-preview="pattern
提交表单（form/el-form)时点击提交按钮导致页面刷新的问题
lingliu0824的博客
09-03 2914
由于项目使用了elementui,所以在使用表单时复制了用例，如下图，提交按钮放在了el-form-item中。 但是由于想自己设置button的样式所以把el-button改成了button,并且没有设置type. 问题：在点击按钮时页面会自动刷新，刚开始以为是请求问题，因为一般都是第一次点击会刷新后面在请求就不会刷新了。但是得知第一次虽然会刷新页面看似没有成功请求，但实际后端已经接收到数据并返回了。 why?为什么会有这个问题呢？ W3上有说到： 请始终为按钮规定 type 属性。Internet E
from表单的混淆点-点击按钮出现一闪而过
chlhui的博客
02-06 2214
form表单下出现一闪而过 在form表单中使用type=submit和button元素，绑定事件后点击时，会出现一闪而过的闪屏现象，同时也没有达到预想的效果。 究其原因，是前端和后台的顺序没有搞清楚： form表单在提交或点击button时，浏览器先渲染js代码部分，绘制出js代码要显示的页面，之后提交给后台，向后台服务器进行请求；服务器在获取请求后，开始响应，并把响应内容返回给浏览器
html form提交问题（登录界面from提交，tip提示闪一秒问题）
起风了
07-15 684
<form id="myForm" action="javascript:;" method="post"> <div class="form-group" style=" height:60px; font-size:24px; font-weight:bold; color:#0682C3;padding:20px;text-ali...
阻止表单的默认提交事件
热门推荐
fairyier
04-23 3万+
表单一点击提交按钮(submit)必然跳转页面，如果表单的action为空也会跳转到自己的页面，即效果为刷新当前页。 如下，可以看到一点击提交按钮，浏览器的刷新按钮闪了一下：如果想要阻止表单的默认提交事件，有以下几种方法：1.将&lt;input&gt;标签内按钮类型从type="submit"修改为type="button"2.表单内的&lt;button&gt;未指定类型时，默认的类型为sub...
关于jquery form表单序列化的注意事项详解
10-19
总之，理解jQuery中表单序列化的机制和注意事项是创建高效、健壮的前端表单提交逻辑的关键。正确使用`readonly`和`disabled`属性，以及`name`属性，可以确保在需要时正确地捕捉和发送表单数据。同时，根据实际需求...
浅谈layui 绑定form submit提交表单的注意事项
10-16
在本文中，我们将深入探讨layui框架中如何绑定form submit提交表单时需要注意的事项。layui是一个流行的前端组件库，提供了丰富的UI元素和便捷的API，其中包括表单处理功能。下面，我们将详细介绍两个关键点：lay-...
使用Ajax方法实现Form表单的提交及注意事项
10-19
主要介绍了使用Ajax方法实现Form表单的提交及注意事项,需要的朋友可以参考下
BootStrap注意事项小结（五）表单
08-31
本文将深入探讨Bootstrap中表单设计的一些关键注意事项。 首先，基础实例展示了如何构建一个基本的Bootstrap表单。Bootstrap为输入控件如`<input>`、`<textarea>`和`<select>`提供了`.form-control`类，这个类会...
js清空form表单中的内容示例
10-25
4. **注意事项**： - 在处理`file`类型时，由于浏览器的安全策略，可能需要针对不同浏览器采用不同的处理方式，如代码所示。 - 该示例仅覆盖了常见的表单元素类型，如果遇到其他不常见的类型，可能需要额外的处理...
js 用submit()方法提交表单，页面闪退问题以及解决方法
茕夜
08-08 4502
1、今天遇到一种情况，js使用submit方法提交表单，怎么都提交不过去，加断点倒跳过去了，主要实现的是这样的一个功能，点击一个按钮触发一个方法，在方法底下再提交表单过去，主要代码如下： &lt;button class='btn' onclick='login(\"" + userId + "\" ,\""+ phone + "\")' &gt;登录&lt;/button&gt; 2、点击
使用form表单的注意事项
besmarterbestronger的博客
04-14 610
文章目录1. 前言2. form表单简介3. form表单使用例子总结参考 1. 前言 本身对前端这块不是很熟悉，自己试着做了个表单，但是发现最终提交表单后的URL不是我所期望的，就像了解下表单应该怎么用。看了下百度的搜索效果，如下 我们能够发现地址栏中出现了很多字符串参数，例如：wd， rsv_iqid，rsv_bp， issp 等等 查看源码之后，发现其表单部分的HTML代码如下： <form name="f" id="form" action="/s" class="fm" onsubmit=
零碎学习笔记3：form表单注意的点
qq_44684452的博客
12-16 156
form表单： 1.form标签的属性action指定提交的地址，（不写就默认当前页面），method请求方式（默认为get） 2.input标签要有name属性，有些还需要value 3.有一个button按钮或者type="submit"的input form表单标签中加入一个novlidate，则不在表单中加入对数据的校验。 request： request.method 请求方式GET POST request.POST form表单提交post请求的方式 request.GET URL上窗体的参
form表单的一些注意
weixin_41897680的博客
12-11 317
描述： 表单就是在网页上用于输入信息的区域，主要功能是收集用户输入的信息，并将其提交给后端的服务器进行处理，实现用户与服务器的交互 注：以下内容只是我觉得需要主要而已 form标签常用的属性： 属性 功能描述 action 指定接收并处理表单数据的服务器程序的URL地址 method 设置表单数据的提交方式，常用的有get和post方式，默认为get enctype 规定发...
form表单注意事项
weixin_30916125的博客
08-22 139
在前端页面中form表单不可以嵌套form表单，否则报错 转载于:https://www.cnblogs.com/94-feng/p/7412813.html
使用表单的注意事项
liyangready的专栏
09-20 788
好久没用过表单，有些最最基础的东西，反而容易遗忘。        1 需要上传的表单项都需要有name属性啊，无论是post还是get，都只将有name属性的表单项上传。        2 form的几个主要属性：enctype action method name等  其中action规定上传什么文件，不建议使用，因为几乎没有浏览器支持。enctype规定表单数据在发送到服务器之前应该如何编
Web开发：四角线框效果（HTML、CSS、JavaScript）
最新发布
m0_65029152的博客
07-17 900
本文主要记录前端给图片动态添加四角线框的相关内容和实现过程；
uniapp中用form表单上传文件
03-25
注意事项： 1. 必须将`content-type`设置为`multipart/form-data`。 2. `FormData`对象用于创建一组键值对，用于表示表单的某些键值对，可以通过`FormData.append()`方法添加一个新的键值对到`FormData`对象中。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值