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

最新推荐文章于 2024-01-20 16:57:55 发布
最新推荐文章于 2024-01-20 16:57:55 发布
阅读量4k 收藏 3
点赞数
分类专栏： js代码 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huangxinyu_it/article/details/17436649
版权
这是一个HTML页面示例，展示如何通过JavaScript使一个Button按钮具有提交表单的功能。当用户点击'确定'按钮时，会弹出确认对话框，如果用户确认提交，表单将被发送到'zgh2.htm'。表单包含书目名称输入框、书目类型的复选框和出版国家的下拉选择。
摘要由CSDN通过智能技术生成 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>表单测试</title>
    <script type="text/javascript">
        function readysubmit() {
            if (confirm("您真的要提交吗？")) {
                document.getElementById("formid").submit();
            }
            else {
                return false;
            }
        }
    </script>
    
</head>
<body>
<form id="formid" method ="get" action="zgh2.htm" >
<fieldset><legend>图书信息</legend>
<p>
<p>请输入书目名称:
<input type=text name="bookname" size=50>
<p>
<b>选择书目类别：</b><br>
<input type=checkbox name="booktype" value="abc古典" > 古典用品<br>
<input type=checkbox name="booktype" value="现代" > 现代作品<br>
<input ty
最低0.47元/天 解锁文章
sky_yu_new
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
编写一个html页面 页面包含数字和按钮,HTML--注册页面的实现
weixin_39769767的博客
06-03 1519
文章目录表单元素格式：表单元素网页注册案例总结表单元素格式： 表单元素1.文本框value：文本框默认值size：文本框的长度maxlength:文本框的最大输入长度2.密码框size密码框的长度3.单选按钮男女value： 表单提交的值name： 名字相同，则自动分组，必须要分组checked： 默认选中disabled： 禁用4、复选框敲代码听音乐女孩name:必须要填，方便表单提交，如果是分...
用button提交表单php,JavaScript在form表单中使用button按钮实现submit提交方法
weixin_32597009的博客
03-11 1753
submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上。在form表单提交中，使用button来间接完成submit的提交更为灵活。下面是实现方法：使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在JavaS...
利用button实现input的submit功能
IceFlame的博客
10-29 1521
<form name="postform"> <input type="text" name="user" value="admin"> <button type="button" onclick="document.postform.submit();">提交</button> </form>
Form里的所有按钮都会触发submit吗
最新发布
m0_57236802的博客
01-20 591
如果你不希望按钮触发表单提交，你需要明确地将按钮的。时，按钮才会触发表单的提交。，那么点击这些按钮将默认触发表单的提交（元素作为按钮，同样需要指定。此外，还有其他类型的按钮，如。在 HTML 中，如果按钮（元素内部，且没有明确指定。属性被省略或者明确设置为。总结一下，只有当按钮的。或者，如果你使用的是。，则不会触发提交事件。
尽量用button代替submit
风过留痕
05-04 1336
尽量用button代替submit？
06_HTML_表单提交的细节（submit提交按钮的使用细节）
qq_45657848的博客
01-13 1万+
HTML_表单提交的细节（submit提交按钮的使用细节） file类型、隐藏域和提交submit的关系
html点击按钮后页面刷新的问题，form表单中button按钮触发submit点击事件
MaYuKang的博客
10-09 7038
html点击按钮 有如下form表单，包含了一个button按钮： 情况1： <form action=""> <button onclick="">我是按钮</button> </from> 尽管button按钮没有执行任函数，但是点击按钮后，页面刷新。 情况2： <form action="http://www.baidu.com"> <button onclick="">我是按钮</button> </fr
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
10-31
在一个网页表单(form)中，通常我们通过设置不同的提交按钮(submit或button)来实现将数据提交至不同的处理页面。然而，在某些特定情况下，我们可能需要仅使用一个提交按钮(submit或button)来将表单数据同时提交到两个...
两个SUBMIT按钮，如何区分处理
12-03
在网页设计中，有时我们需要在一个表单中设置多个提交（SUBMIT）按钮，以便执行不同的操作，例如“修改”和“删除”。面对这种情况，我们如何在服务器端区分这两个按钮的点击事件呢？以下两种方法可以帮助你实现这一...
button没有指定type为submit点击按钮跳转不到指定url
12-13
在HTML表单中，`<button>`元素是一个重要的组成部分，用于创建可点击的按钮，它在用户交互中扮演着至关重要的角色。然而，正如题目所描述的问题，如果`<button>`元素没有指定`type`属性，或者没有将其设置为`submit`...
button 和 submit 的使用
qq_43619832的博客
03-24 1813
(关于button 和 submit 的使用区别) button 和 submit 的使用 1.button-普通按钮，submit-提交按钮 2.submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了。 3.submit默认为form提交，可以提交表单（form）. button则响应用户自定义的事件,如果不指定onclick等事件处理函数，它是不做任何事情.当...
html——form表单提交方法及表单提交注意点
热门推荐
肖的博客
08-19 7万+
1、type=”submit” &amp;amp;amp;amp;amp;amp;lt;form name=”form” method=”post” action=”#&amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;lt;input type=”submit” name=”submit” value=”提交&amp;amp;amp;amp;amp;quo
注意！！！ 注意！！！ button标签type默认为submit
天下无敌庞成勇
11-23 1433
<button type="button" onclick="doValidation();">提交</button> <input type="button" onclick="doValidation();" value="提交"/> 上面两种写法是对的，功能一样。<button onclick="doValidation();">提交</button> 如果写成这种，默认为submit，本来d
HTML的button按钮和submit按钮在提交时的区别
Sun_Dean的博客
12-16 6660
若是button按钮时，比如： <input type="button" name="choose" value="addMedicine" class="button white" onclick="checkinfo()"> function checkinfo(){ var onSaleNo = document.getElementById(...
在html静态页面按钮链接，给button加上提交的链接等方法
...
09-06 4万+
1、按钮做成链接(图片)的样子 提交按钮 提交链接提交 重置按钮 重置链接重置 普通按钮 普通链接链接 至于图片也一样把a标签换成img 2、链接做成按钮的样子 注册 => ----------------------------------- 有的时候我们完全可以手工做一个get方式的
在 input type="submit" 按钮中添加事件
HappierRaining
10-24 2万+
如下代码，可以直接在&lt;input type="submit" ..&gt;中添加onclick事件。用户点击"submit"按钮后会触发两个操作：一是提交表单到后台服务器。二是触发onClick事件调用我自己定义的upLoadData()函数。 ​ &lt;form action="http://127.0.0.1:5000" method="post" &gt;
button 默认类型是submit
马金波
07-27 4339
“form表单里的按钮，明明是button而不是input type = submit，点击还是提交，如何让它不提交？” （这个问题被我遇到了，很坑爹的，知道了就不以为然了。） 因为 button 默认类型是submit，所以如果想让不提交，显示的指定类型，type=“button”就解决了。证明文档：https://www.w3.org/TR/2011/WD-html5-20110525/th
html如何在弹窗中增加一个已有的submit按钮
05-27
若您想在弹窗中添加一个已有的提交按钮，可以使用以下步骤： 1. 在弹窗页面中添加一个表单元素，例如： ```html <!-- 表单元素 --> ``` 2. 在弹窗页面中添加一个按钮元素，并绑定点击事件： ```html ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值