input type='submit'会刷新界面

最新推荐文章于 2023-03-24 11:31:31 发布
原创 最新推荐文章于 2023-03-24 11:31:31 发布 · 3.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

type='button 和 type='submit'各写一个，绑个alert或者dom操作。可以发现：button如果没别的，就会一动不动；submit如果没别的，就会刷新页面（应该是一闪然后保持原页面）；submit绑了dom，就是js的效果一闪，然后保持原页面。可以写js事件来绑定button，js是客户端的。但submit的实质作用是提交给服务端的，不是写个js阻止就能完事。
提交表单触发页面自动刷新的问题
valsedefleurs的博客
04-27 999
为了向js脚本实现一个测试页面，随手写了一个带提交按钮的表单，遇到了点击提交按钮时，每次都会触发页面刷新，以至于我还没有在显示结果的页面元素（函数代码写在延迟执行函数setTimeout里）看到我的测试结果，页面就被重新加载了。我的页面包含一个带legend标题，包含两个input输入框，和一个submit确认按钮的form表单，以及一个显示测试结果的div块状元素。form对象的onsubmit事件类似onclick,都是先处理调用的函数，再进行表单是否跳转布尔值的判断。
html点击按钮后页面刷新的问题，form表单中button按钮触发submit点击事件
MaYuKang的博客
10-09 7606
html点击按钮 有如下form表单，包含了一个button按钮： 情况1： <form action=""> <button onclick="">我是按钮</button> </from> 尽管button按钮没有执行任函数，但是点击按钮后，页面刷新。 情况2： <form action="http://www.baidu.com"> <button onclick="">我是按钮</button> </fr
.net中input和button点击刷新问题
lv17774848392的博客
02-08 2600
点击按钮刷新页面问题
form表单因某些操作会自动提交并刷新页面，需禁止form的自动提交
一片天空
12-15 4360
一、form表单因某些操作会自动提交并刷新页面 测试网页时，发现网页每次都会自动提交，发出请求。经过查找和测试，发现是form表单会自动提交，从而导致页面自动刷新。 二、form表单自动提交规则 form表单中只有一个type=text的input（可以有其他类型的表单），在input中按enter键，会自动提交 form表单中有多个type=text的input，且无type=submit的按钮元素，则在input中按enter键，不会自动提交 form表单中有type=su
前端界面实现（HTML示例）<!-- login.html --> <form id="loginForm"> <input type="text" name="username" placeholder="用户名" required> <input type="password" name="password" placeholder="密码" required> <button type="submit">登录</button> </form> <!-- detection.html --> <input type="file" id="uploadInput" accept="image/*"> <img id="preview" style="max-width: 600px;"> <div id="result"></div>这个具体应该在哪里实现
04-02
这里需要用到文件输入控件<input type="file">，并结合AJAX提交，避免页面刷新。引用[2]中的ajaxForm或ajaxSubmit方法可以在这里应用，所以需要展示如何引入jQuery和jquery.form.js，并编写相应的提交处理代码。 接...
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>学生基本信息录入</title> </head> <body> <h1>学生基本信息录入</h1> <form action="/submit_student_info" method="post"> <label for="account">账号:</label> <input type="text" id="account" name="account"><br><br> <label for="password">密码:</label> <input type="password" id="password" name="password"><br><br> <label>性别:</label> <input type="radio" id="male" name="gender" value="male"> <label for="male">男</label> <input type="radio" id="female" name="gender" value="female"> <label for="female">女</label><br><br> <label>兴趣:</label> <input type="checkbox" id="sports" name="hobbies" value="sports"> <label for="sports">打球</label> <input type="checkbox" id="art" name="hobbies" value="art"> <label for="art">画画</label> <input type="checkbox" id="study" name="hobbies" value="study"> <label for="study">学习</label><br><br> <label for="education">学历:</label> <select id="education" name="education"> <option value="primary">小学</option> <option value="middle">初中</option> <option value="high">高中</option> <option value="university">大学</option> </select><br><br> <label for="bio">简介:</label><br> <textarea id="bio" name="bio" rows="4" cols="50"></textarea><br><br> <label for="photo">照片上传:</label> <input type="file" id="photo" name="photo"><br><br> <input type="submit" value="确定"> <input type="reset" value="重置"> </form> </body> </html> 运行结果
05-24
然而由于缺乏后台支持服务端脚本程序配合操作，在这里只会刷新当前页而已。 ```html <!-- 示例代码 --> <form action="#" method="post"> <label for="name">Name: <input id="name" name="student_name" ...
springboot项目前端跳转/user无法访问<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册界面</title> </head> <body> <form action="/user" method="post"> 用户名：<input type="text" name="username"> <br> 注册密码：<input type="password" name="password"> <br> <input type="submit"> </form> </body> </html>
03-28
假设我们需要构建一个简单的注册流程界面允许用户填写基本信息并通过后台API接口保存下来的话，那么整个过程大致会像这样子呈现出来: ```java @Controller public class RegistrationController { @GetMapping("/...
为这段代码写一个合适的js文件能够满足里面的按钮及输入的效果且能正常连接数据库 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登录界面</title> <link rel="stylesheet" href="./login.css"> <script src="./login.js"></script> </head> <body> <div class="login"> <h2 class="login-titel">欢迎登记入住</h2> <form id="loginform" name="loginform"> <div class="login-manner"> <span class="loginNormal">账号登录</span> </div> <input type="text" placeholder="账号" class="username" name="username" /> <input type="password" placeholder="密码" class="password" name="password" /> <p class="info"> <input type="radio" value="1" name="role" /> <span>管理员</span> <input type="radio" value="2" name="role" checked /> <span>用户</span> <span class="help"><a href="#">忘记密码？</a></span> </p> <input type="submit" value="登 录" class="submit" /> <input type="button" value="注 册" class="button" onclick="register()" /> </form> </div> </body> </html>
最新发布
06-09
group"><labelfor="password">密码:</label><inputtype="password"id="password"name="password"required><spanid="passwordError"class="error"></span></div><buttontype="submit">登录</button></form></div>...
type="submit"作用
03-28
- 当 `<input type="submit">` 被放置在一个 `<form>` 标签内部时，点击此按钮将会把表单内的所有输入字段的数据发送至服务器。 - 默认情况下，表单提交后可能会导致页面跳转或者刷新，具体取决于 `<form>` 的 `...
关于Android设备中，网页端上传操作导致浏览器刷新的问题
cshao的专栏
02-25 2918
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
JSP提交仍然停留在当前页面
鸟儿飞的专栏
11-24 4211
在C/S结构中，用户提交内容以后，系统任停留在当前页面上，直到服务返回处理成功或者失败的提示。而用户录入的信息，除非程序清除，否则不会自动消失，方便用户修改。为了解决这个问题，在本次的项目开发中，这种提交处理的页面采用了帧(iFrame)提交技术，使得系统在处理类似业务时，接近C/S结构得处理方式。在这种帧提交得处理方法中，流程和传统流程大体相似，所不动的有以下几点：1 进行业务处理的页面作为一个
h5 苹果12 拍照上传图片后导致自动刷新页面，表单数据丢失定位分析
飞翔小猪的博客
10-21 7637
最后定位出来 就是手机内存的不足，一看她打开了最少10以上的进程，当把其余多余进程都关闭后，问题解决了，从以上分析，应该还是系统底层的问题，但是最起码找到了问题出现再来哪里，通过什么方式来解决，mark一下。上线了一个小功能，里面有个拍照上传的功能，然后基本上所有人都没问题，而且试了各种androidd都没问题，就一个同事的苹果12有问题，而且可以100%复现，一直各种排查，网上参考了各种解决方案。最简单的复现页面（苹果手机打开10个以上app，把内存占用搞到90%以上）
js刷新方法
lanzhengwu的专栏
11-12 825
input type=button value=刷新 onclick="history.go(0)">input type=button value=刷新 onclick="location.reload()">input type=button value=刷新 onclick="location=location">input type=button value=刷新 onclick="l
微信内置浏览器input[file]选择图片后刷新
热门推荐
CommonBorage
08-06 1万+
最近做一个微信公众号，jquery-mobile做的页面。有图片上传功能，而且还是8张图片同时上传(不要问我手机怎么整这么多图片上传，客户强烈要求的)。安卓手机选择图片时候，有的选择一张，有的选择多张，页面就直接刷新，原来填写的数据全没了，还要从新填写(本来填写项目就多)。而且刷新是不固定的，调试了N久，直到现在，还会有这个情况发生。上网查找也没有具体答案。最靠谱的说法就是手机内不足。 ”手机运
点击按钮提交表单后如何不刷新页面
HEConfidence的博客
03-11 5688
<form id = "form1"> <input type = "text" value = "" placeholder = "请输入姓名"/> <input type = "submit"> </form> 我们给点击submit的时候，页面就被刷新，表单填写内容消失，并且，页面的可视区域也变了，那么如何让点击submit的时候，不会出现这种情况呢？ 我们在</form>标签后面加上一个<ifra...
如何避免form表单内点击button按钮导致页面刷新？解决方案大揭秘！
weixin_50407990的博客
03-24 3187
在Web开发中，我们经常会使用form表单来收集用户提交的数据，但是有时候在form表单内点击button按钮会导致页面刷新，这对用户体验来说是十分不友好的。默认情况下，form表单内的button按钮的type属性为submit，也就是说，当用户点击这个按钮时，会自动将表单内的数据提交到后台处理。通过本文的介绍，我们了解了form表单内点击button按钮会刷新页面的原因，并掌握了两种避免刷新页面的方法。除了表单提交按钮的默认行为会刷新页面，还有一些其他情况也会导致页面的刷新。
ajax请求自动刷新页面
我心向Java的博客
11-24 3261
ajax是异步请求技术，可以实现页面的局部刷新。但是今天写代码的时候发现每次ajax之后都会发生整个页面的刷新，最后发现这是因为触发ajax事件的input标签的type设置为了submit，所以会产生表单提交操作，使页面刷新。 将type设置为button后即可正常运行。 ...
提交
weixin_44579300的博客
05-03 391
input标签提交1>input[type=submitinput的type属性是submit，会引发表单提交。 当作为按钮的input控件被当做一个表单输入提交给了服务器。键值对是 btn=>‘提交‘; 2>input[type=button] input的type属性还可以是button，这时它只是一个按钮，不会引发表单提交 2.button[type=submit] typ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值