利用button实现input的submit功能

最新推荐文章于 2024-01-20 16:57:55 发布

西红柿炒番茄31

最新推荐文章于 2024-01-20 16:57:55 发布

阅读量1.5k

点赞数 1

分类专栏： JavaScript 文章标签： js button submit input form

本文链接：https://blog.csdn.net/qq_37428140/article/details/102802414

版权

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

<form name="postform">
	<input type="text" name="user" value="admin">
	<button type="button" onclick="document.postform.submit();">提交</button>
</form>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

西红柿炒番茄31

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

html页面使一个button按钮具有一个submit功能

huangxinyu_it的专栏

12-20

4059

表单测试 function readysubmit() { if (confirm("您真的要提交吗？")) { document.getElementById("formid").submit(); } else { return fa

submit和button类型控制的表单提交

Maxwell_7

11-26

899

表单提交的时候，简单的有两种风格的提交方法，分别如下：这两种提交方式有不同，下面分别来说明。当使用type=“submit”来作表单提交时，用到的js代码如下：假设一个简单的表单格式如下： onsubmit="return check_form()" method="post" id="login" > UserN

参与评论您还未登录，请先登录后发表或查看评论

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

10-21

今天在使用表单是同时使用POST更新、删除操作。然而form表单的 submit 且一旦提交则全部提交，所以想到的实现方法就是使用button实现,怎么实现呢？下面小编给大家分享JS button按钮实现submit按钮提交效果，感兴趣的朋友参考下吧

表单提交之“button/submit“

cold的博客

07-18

1234

(1)type=“button” 往往是结合JS，提交数据，没有写js，点击后无事发生 (2)type=“submit” 直接提交数据，不结合js (3)button标签，和（1）一样，往往不常用，因为浏览器解析value结果不同，有的是value值，有的是标签前后的内容 ...

使表单中的按钮有提交功能

05-15

868

New Document function init(){ var inputs = document.getElementsByTagName("input"); for(var i=0;i<inputs.length;i++){ inputs[i].onkeydown=aaa; } //使表单中的按钮有提交功能 document.forms[0].elements[document.for

在jsp页面，如何让一个button具有submit的功能

lv_shijun的专栏

11-18

1714

function submit(){ document.form.formName.submit(); }

button 和 submit 的使用

qq_43619832的博客

03-24

1890

(关于button 和 submit 的使用区别) button 和 submit 的使用 1.button-普通按钮，submit-提交按钮 2.submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了。 3.submit默认为form提交，可以提交表单（form）. button则响应用户自定义的事件,如果不指定onclick等事件处理函数，它是不做任何事情.当...

input submit、button和回车键提交数据详解

10-21

本文主要讨论了三种常见的提交方式：input submit、button以及回车键，并且对比了它们之间的差异。首先，`input[type="submit"]` 是一个内建的提交按钮，其默认值为 `submit`，意味着点击这个按钮时会触发表单的...

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

09-28

这使得`<input type="button">`在某些情况下更为轻量级，但在样式和功能方面可能受到限制。在处理表单提交时，浏览器之间的行为可能存在差异。在HTML表单中，`<button>`在Internet Explorer中默认为“button”类型...

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

10-19

如果你使用`type="button"`并且想要实现类似的功能，你需要在JavaScript中添加额外的处理逻辑来监听回车事件。在处理表单提交的逻辑时，`type="submit"`按钮的`onclick`事件会先执行，然后才会触发表单提交。如果`...

BUTTON和INPUT的区别

10-31

### BUTTON和INPUT的区别在网页开发中，`<button>` 和 `<input>` 是两种常见的用于创建用户交互元素的HTML标签。尽管它们都能实现按钮的功能，但在实际应用中却有着本质的区别。 #### HTML4.01规范中的表单控件 ...

Form里的所有按钮都会触发submit吗

热门推荐

weixin_38261616的博客

06-19

2万+

<input type="button" value="点击返回主页" onclick="跳转页面">1、onclick="window.location.href=' /test/uploadDIY.jsp '"2、onclick="javascript:window.location.href=' /test/uploadDIY.jsp '" 3、onclick="

点击button自动提交表单原因及解决方案

svygh123的专栏

12-29

868

在做登录的时候,需要ajax提交验证,但是发现点击button会自动submit表单,代码如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <style type="text/css"> html { widt...

HTML的button按钮和submit按钮在提交时的区别

Sun_Dean的博客

12-16

6696

若是button按钮时，比如： <input type="button" name="choose" value="addMedicine" class="button white" onclick="checkinfo()"> function checkinfo(){ var onSaleNo = document.getElementById(...

button标签&input标签的提交按钮的区别

厚积而后薄发

12-12

1253

input标签 <input type="button" /> 就是一个按钮。如果不写javascript 的话，按下去什么也不会发生。<input type="submit" />这样的按钮用户点击之后会自动提交 form，除非写了javascript 阻止它。 button标签 <button> 这个按钮放在 form 中也会点击自动提...

web前端之button和submit的区别

echoerror的博客

03-13

1281

(1)button就是单纯的按钮功能而submit可以发送表单 (2）submit自动将表单数据提交，button不会将表单数据提交 (3)如何在button中实现submit的功能，如下（ps:代码一网友提供，尊重原创） 1，onclick="form1.action='a.jsp';form1.submit();" 这样就实现了submit的功能了。 2，http://w

按钮button，submit添加鼠标点击事件

m0_66757371的博客

04-20

6977

不能直接放JS语句，click()动作要调用一个方法，即使是一个匿名方法。否则click()里的内容会在加载页面的时候直接生效，这也就失去了点击的意义。

Radio Button单选功能实现技巧详解

接下来，将详细介绍如何使用Radio Button实现单选功能的知识点。 1. Radio Button的基本概念 Radio Button的名称来源于汽车收音机上的预设按钮，它们通常会配对使用，并且共享同一个“组名”（name属性），这样当...