你如何在HTML5中提交提交按钮？
在HTML5中，你可以使用<input>元素的type属性设置为"submit"来创建提交按钮。以下是一个示例：
<form action="/submit" method="post">
<!-- 其他表单字段 -->
<input type="submit" value="提交">
</form>在上面的示例中，我们使用<form>元素创建一个表单，并将action属性设置为提交表单的URL。method属性指定了提交表单时使用的HTTP方法（例如，"post"表示使用POST方法）。
然后，我们使用<input>元素创建一个提交按钮，将type属性设置为"submit"，并将value属性设置为按钮上显示的文本（例如，"提交"）。
当用户点击提交按钮时，表单将被提交到指定的URL，并执行相应的操作（例如，后端处理表单数据）。
相关·内容
我创建了一个超文本标记语言注册页面使用HTML5和Javascript它的工作，但点击提交按钮后，我必须显示用户在另一个注册表(这是隐藏在同一页上，然后再点击提交按钮)输入的详细信息。一旦你点击了提交按钮，那么注册表必须显示，我们输入的细节也必须显示出来。
浏览 1提问于2013-07-04得票数 0
1回答
当您单击提交输入类型时，是否可以不重置表单。您知道，当您单击html5中的submit按钮时，所有表单都会转换为空格，有没有可能不重置表单并保留旧值？
浏览 23提问于2021-11-10得票数 0
3回答
使用html5表单验证和required属性。
单击“提交”按钮时，我只想验证，而不是提交表单。
<input type="submit" id="calculate">
<script>
$("#calculate").click(function(e) {
e.preventDefault(); // prevents validation
// do something else with form data
}
</script>
浏览 3提问于2016-07-02得票数 1
回答已采纳
2回答
如何在输入模糊上触发表单提交？
、、、、
我正在尝试使用HTML5 <input type="email" />验证检查。
我能让它正常工作做这个：
<form>
<input type="email" />
<input type="submit" />
</form>
这将使验证可以用于单击sumbit按钮。然而，我想触发表单提交时，我的email字段模糊不清。
如何不使用提交按钮onBlur触发表单？
如下所示：
<form>
<input type="email" onBlu
浏览 0提问于2018-10-05得票数 2
回答已采纳
我有以下代码：
<!DOCTYPE html>
<meta charset="utf-8">
<title>A HTML Document</title>
<input x-webkit-speech speech><button>Start to recognize voice</button>
如果你点击Chrome上文本框中的麦克风图标，语音识别就会开始。
这就是我想要的：
当我单击按钮元素时，文本框的语音识别开始。
我试过startSpeechInput ()、SpeechReco ()
浏览 5提问于2013-07-25得票数 2
要在输入type=“HTML5”中直接包含提交按钮吗？
例如，当用户键入内容时，“提交”按钮会出现在文本区中？
换个角度看，你能在一个输入中定义两个类型吗？
浏览 0提问于2012-03-22得票数 0
回答已采纳
1回答
我用提交按钮使用HTML5和CSS3编写了一个简单的表单。
我的问题是：
当表单由客户端提交时，在哪里发送表单数据？
哪些数据被发送到服务器？
最后，我是否需要<form> action属性在HTML5标记中？
浏览 0提问于2016-09-10得票数 0
由于设计原因，我不能使用
<input type="submit" />
提交一份表格。相反，代码如下所示：
<a onclick="form.submit()"></a>
该表单包含的元素带有
required="required"
属性。不幸的是，HTML5验证不能以这种方式工作。不过，它可以与常规的提交按钮一起正常工作。
有什么想法可以解释原因吗？有没有办法在不使用提交按钮的情况下触发HTML5验证？
根据您的请求进行编辑：
<form name="form" method="
浏览 3提问于2014-04-16得票数 0
5回答
我正在使用required属性html5，以确保字段不是空的。我有一个提交按钮，验证是在按下这个按钮之后触发的。我只想保持这个验证，而不是提交表格。
render() {
<form role="form">
<input type="number" value={this.state.value} required/>
<button type="submit" onClick={this.onFinish.bind(this)}>Submit</button>
</
浏览 2提问于2016-10-20得票数 4
回答已采纳
我有一些文本框和一个提交按钮。我使用了HTML5 'required‘验证。它工作得很好。现在，当HTML5验证没有发现任何错误时，我想在button click中调用一个函数。如果未提供必填字段，则单击按钮将不会调用该函数。
浏览 2提问于2012-11-03得票数 2
回答已采纳
2回答
我有一个有两个提交按钮的表单。表单有几个字段，其中之一是具有多个HTML5验证属性(例如：required, type="email")的字段"X“。当我按按钮1提交时，我想忽略验证中的"X“。当我按按钮2提交时，一切都应该正常处理。
此外，当按按钮1提交时，表单将提交到一个新窗口。因此，有可能:按按钮1提交->类型在字段"X“->提交按钮2在同一窗口。因此，在按按钮1提交时禁用"X“不是解决方案。
浏览 0提问于2014-04-18得票数 0
回答已采纳
3回答
我有一个HTML5代码：
<form id="LogInArea" action = "/Home/ValidateUser" >
<fieldset>
<legend>Login Page</legend>
<p>
<label>
User name<br>
<input type="text" id="userName" req
浏览 2提问于2015-04-20得票数 0
回答已采纳
在Html5中，当用户提交表单时，如何重命名输入字段?我有一个文本字段，用户只能使用某个associted按钮修改它，所以我将其设置为禁用，这样他们就不能手动修改它。但是，因为在用户提交表单时禁用了它，所以我的服务器没有收到请求中字段的值。那么，我如何使它启用，就像提交按钮按下，或有另一种方法，我应该采取。
浏览 1提问于2018-01-17得票数 0
回答已采纳
我在mvc视图中有以下输入
<input class="input-group-field" id="name" name="name" type="text" size="1" required="">
<input class="input-group-field" id="email" name="email" type="email" size="1" required=""
浏览 0提问于2016-06-03得票数 1
1回答
如何在结帐按钮上触发表单验证
、、、、
购物车包含html5数量验证，如下面的代码所示。如果在“刷新”按钮中单击，浏览器将显示错误消息并取消提交。
如果在“签出”按钮中单击，则无需验证就调用签出url。
如果按下Chekcoutr按钮，如何触发表单验证；如果窗体无效，则按“取消签出”按钮。
如果这有帮助，可以使用post request for Checkout按钮或重构代码来使用多个提交按钮。
使用引导程序3、jquery、ASP.NET MVC3、Mono。
<form action="/ShoppingCart/Update">
<input type="hidden" val
浏览 3提问于2015-07-15得票数 0
回答已采纳
带有软键盘的移动设备在填写web表单时通常会改变键盘，以便用户只需单击一次即可提交，并避免点击表单的“提交”按钮。
如何从phonegap/cordova/其他HTML5应用程序访问此功能？
我在这个问题上挣扎了一段时间，所以我将在这里分享答案。
浏览 4提问于2012-06-24得票数 7
回答已采纳
正如在中提到的，如果表单按钮类型是按钮，而不是提交，则html5验证将不起作用。有没有办法让html5验证在这种情况下也能正常工作？
浏览 45提问于2016-08-01得票数 1
我正在尝试将标准的html5表单验证(使用required属性和提交按钮)放在具有“文件”输入字段的表单中，使用的是HTML服务应用脚本。
我的问题是使用提交按钮将blob文件传递给应用程序脚本函数。如果我放了一个普通的按钮，我就失去了html5的标准验证。如果我使用提交按钮，则不会通过"google.script.run“语句向应用程序脚本函数传递任何内容。
本教程的使用的是普通按钮，但在这种情况下，我不能对必填字段使用表单验证。
我该怎么处理这件事？因为现在我必须使用提交按钮和onclick事件，并手动检查是否插入了必填字段(在按钮调用的应用程序脚本函数中)。
浏览 1提问于2013-12-20得票数 1
2回答
有人能建议默认输入/提交按钮的CSS样式吗？我需要用css模拟默认的输入/提交按钮。默认按钮是浏览器创建的按钮，一旦您在HTML中指定了input type=" button“。我需要在href中使用看起来像默认输入/提交按钮的按钮，但是在href中使用按钮在HTML5中是不合法的。所以我想做以下几件事：
<a href="#"><span class="button">Input button</span></a>
我只需要为我的类.button的css，将创建的按钮，看起来像默认的输入/提交按钮。
提前
浏览 0提问于2016-09-03得票数 4
1回答
如何获得值，图片上传后点击按钮提交为$_POST在php (html5上传图像)？
html5上传的示例在中
我做什么好？
浏览 3提问于2012-11-15得票数 0
回答已采纳
我已经成功地尝试过了-
使用Modernizr.input.required检测JavaScript，如果HTML5验证可用，则回退到自定义的with验证。我还必须检查Safari/Opera浏览器，它有意外的结果，并且还必须依赖于自定义的JavaScript验证。
最后，如果我想要HTML5 validate，我还必须插入一个提交按钮，并通过JavaScript单击它，因为我想使用表单提交按钮的锚点。
考虑到实现这一点的所有麻烦，以及html5验证和普通JavaScript验证之间的验证消息不一致，这样做值得吗？
浏览 0提问于2011-12-21得票数 1
回答已采纳
1回答
在js中，我需要使用：
$('.grid').on('submit','form', function (ev) {}
因为我需要在表单中验证一个html5元素。
我的问题是：
我有两个提交按钮与2种“数据”。我需要扳机用：
if(typeof [trigger].data('save') != 'undefined'){
}
这是我现在的JS的一部分：
$('.grid').on('submit','form', function (ev) {
ev.preve
浏览 1提问于2014-04-23得票数 0
回答已采纳
1回答
我有一个简单的HTML5表单，它没有<input type="submit">，因为提交表单的按钮在表单本身之外。表单中有几个具有required="required"属性集的输入。
我将提交的表单外的按钮有以下代码：
$('#upgrade_submit').click(function(){
$('#cc-form-modal').submit();
return false;
});
单击按钮时，它不会在所需字段上运行正常的HTML5验证。我做错了什么？是否有办法在“强制”提交之前检查表单是否有效
浏览 1提问于2013-10-09得票数 10
回答已采纳
4回答
禁用单击按钮时表单自动提交
、、、、
我有一个HTML表单，其中我使用了几个按钮。问题是，无论我单击哪个按钮，即使该按钮不是"submit“类型，表单也会被提交。例如，像:<button>Click to do something</button>这样的按钮，会导致表单提交。
为这些按钮中的每一个执行e.preventDefault()是相当痛苦的。
我使用jQuery和jQuery UI，网站是HTML5。
有没有办法禁用这种自动行为？
浏览 72提问于2012-03-22得票数 207
回答已采纳
我正在使用编解码器制作一个使用php的登录表单。
我想对输入字段使用传统的html5必需标记。如果输入字段为空，并且它具有良好的样式，则html5必需标记不允许您提交页面，因为它不需要重新加载页面。
我使用的是代码点火器，即使我已经将所需的功能添加到输入表单中，它仍然允许用户在空字段上提交页面，并在页面重新加载后给出错误信息。风格也很难看。
如何使php代码点火器必需标记类似于html5内置的必需标记
我的Php代码点火器代码
$this->form_validation->set_rules('username'，'username'，'
浏览 0提问于2017-05-26得票数 0
我正在制作一个包含多个表单的HTML5页面。每个输入框都有自己的提交按钮，用于将温度单位转换为另一个单位(摄氏度到开尔文等)。当提交按钮的输入框被用户聚焦或键入时，我需要哪些标记或属性才能使提交按钮成为焦点？此文件中使用Javascript (由coffeescript生成)。没有CSS。
浏览 5提问于2013-06-26得票数 2
回答已采纳
我正在学习JavaScript和HTML5，我有一个导航菜单在我的网站上有3个按钮，
首页
联系方式
寄存器
我在Register页面中有一个html表单，名为contact_form，我在javascript中访问它，如下所示，
var regForm = document.getElementById("contact_form");
现在，我想在我的导航菜单中显示另一个按钮，但是只有当表单被提交时，我才可以使用PHP来完成它，但是如何使用基本的JavaScript和HTML5来完成它呢？
这就是我如何检查是否提交了表格，
regForm.onsubmi
浏览 1提问于2015-04-23得票数 0
1回答
下面来自的代码用于使用元素发布电子邮件地址。POST方法必须使用，因为实表单包含大量的大字段。
如果输入无效的电子邮件地址(没有@签名)，此无效电子邮件将被发送。我希望当前Chrome执行基本的电子邮件验证，并且不允许没有@字符的电子邮件地址。
如何在提交前强制浏览器验证电子邮件地址？
<html>
<body>
<form id="_form" method='post' target='_blank'>
<input type="email" value=
浏览 1提问于2013-12-24得票数 0
回答已采纳
我一直在使用HTML5的按钮表单属性来让我的提交按钮显示在表单之外，并且仍然触发我的提交。
我的表单如下所示：
<article>
<header>This is my form</header>
<section>
<p>Something explaining what is happening on this form.</p>
<form id="myform" action="/submit" name="myform">
浏览 3提问于2013-05-22得票数 5
回答已采纳
2回答
如何在一种表单中区分提交按钮的两个单独操作，而其中一个将数据保存到数据库(原样)，另一个将提交表单作为有效请求，>>but<<根据HTML5本机验证(我在HTML中使用"required“属性)？
我的表单有66个字段，我不想在提交后(因为提交太麻烦和费时)在PHP中验证所有字段，也不想在提交之前在JS中验证所有字段(因为在JS中不像PHP那样灵活)，所以我在HTML5中使用"required“和"type”属性，这是非常方便和非常通用的验证方法(除了旧的浏览器)。但是，在使用“保存”按钮时，我无法找到一种简单的方法来绕过“必需”属性，但不使用“
浏览 3提问于2016-06-25得票数 5
回答已采纳
假设我有：
<form method="get" action="something.php">
<input type="text" name="name" />
</form>
<input type="submit" />
如何使用表单外提交按钮提交表单，我认为在HTML5中有一个提交的操作属性，但我不确定这是否是完全跨浏览器的，如果不是，有没有这样做的方法？
浏览 2提问于2011-08-11得票数 367
回答已采纳
如何在提交时调用ajax并确保html5验证也会发生
<form action="someurl" method="post" class="form-horizontal" >
<input type="text" id="name" required placeholder="Name" pattern="[a-zA-Z]+">
<input type="text" id="description" requi
浏览 0提问于2013-04-16得票数 1
回答已采纳
2回答
你好，我使用HTML5地理定位，在用户提交表单后，我想存储他的经度和纬度，但是出现了一个问题。
我在submit按钮上创建了一个onclick="“事件，当按下该按钮时，js将获取坐标并将它们放到表单中的隐藏字段中，表单将被发送到php，但是，每当我提交表单时，小的弹出窗口就会出现，它请求获得位置的许可，这可能是因为php刷新了页面，所以我该怎么办？正如我已经说过的，当您单击submit表单按钮js将被触发并在权限被接受后请求许可，隐藏字段将被填充协调数据，然后表单将被发送到服务器，但是，在我按下按钮之后，有关允许位置的弹出弹出一秒钟，页面将刷新而没有结果，我如何解决这个问题？
浏览 9提问于2016-07-06得票数 0
Html5验证只在用户按下提交按钮时查找用户的输入。是否可以在用户输入时验证用户输入？这有可能吗？
例如，只有当用户单击submit时，我才有一个输入“这是验证”。
我想在用户输入时验证
浏览 2提问于2014-02-24得票数 0
回答已采纳
如果这是一个基本的东西，请原谅我，因为我是Javascript/jQuery的新手。我一直在尝试禁用提交按钮来禁用多个提交。我在这里也遇到了多种解决方案，但所有这些解决方案都使用了特定的表单名称。但我想为所有页面上的所有表单应用全局解决方案，这样我就不必在每个页面上编写代码，所以我将此代码放在页脚中，因此所有页面都有：
$('input:submit').click(function(){
$('input:submit').attr("disabled", true);
});
此代码可以在所有页面中的所有表单上正常工作，但如果
浏览 2提问于2015-03-11得票数 3
1回答
我想要将我编写的Python/wxPython桌面应用程序转换为Android移动web应用程序，并感谢有关使用JQuery移动与PHP后端执行此操作的建议。(这是供内部使用的，因此我们可以指定要使用的移动设备。)具体地说：
现有的桌面触摸屏应用程序具有覆盖了圆形图形按钮的图像背景，这些按钮可以响应触摸屏(即鼠标点击)事件。单击时，图形将通过递增按钮文本中的计数器、更改按钮的背景色以及更新数据库记录来更新。
想使用JQuery手机的标准菜单等，也是这种图形按钮的方法，以处理点击事件所述。我应该在HTML5 canvas中寻找这个吗？
我喜欢用PHP/MySQL做网页编程，也喜欢用JQM做标准表
浏览 0提问于2012-09-19得票数 1
1回答
如何在structr中验证表单？
当我在“提交”按钮的“编辑模式绑定”选项卡的Action属性中添加"create:MyType“值时，HTML5表单验证停止工作。
我已经验证了删除Action可以使HTML5验证正常进行。
我做错了什么吗？
浏览 1提问于2014-12-02得票数 0
我试着用div，HTML5，JavaScript来提交东西。如果我使用提交按钮，验证器(输入中的required属性)可以工作，该按钮不会提交信息。但是如果我使用div标签，它不会验证和发送信息。有没有办法解决这个问题？或者我是否应该执行完整的代码来验证信息并停止提交？
<form action="index.php" method="get" name='myform'>
<ul>
<li class="row">
<label class="labels
浏览 5提问于2014-01-13得票数 5
13回答
谁知道我如何在表单中触发标准的HTML5验证而不用提交按钮呢？(JavaScript或jQuery)。
我做不想发送POST/GET请求，只做验证。
浏览 18提问于2011-08-09得票数 83
回答已采纳
2回答
现在，在HTML5中已经有了一些经典平台甚至3D fps游戏的简洁的画布演示，下一步可能是尝试开发一个多人HTML5游戏。HTML5套接字支持使这种相对直截了当，但是在浏览器中的任何人都可以看到客户端源代码的情况下，为HTML5 5前端多用户游戏的基本游戏安全特性提供了哪些解决方案？？例如能够防止伪造的高分提交。
浏览 5提问于2010-06-05得票数 13
9回答
我使用HTML5来验证字段。我只需点击一下按钮就可以使用JavaScript提交表单。但是HTML5验证不起作用。只有当then输入类型为时，它才有效。除了使用JavaScript验证或将类型更改为submit之外，我们还可以执行其他操作吗
这是HTML代码：
<input type="text" id="example" name="example" value="" required>
<button type="button" onclick="submitform()"
浏览 3提问于2013-05-23得票数 62
回答已采纳
1回答
jQuery步骤不触发更改函数
、、、、
我想切换提交按钮的可见性，以改变输入字段。
由于火狐不支持HTML5输入type="number"，所以我使用。
提交按钮最初是隐藏的，当对任何表单字段(包括步骤)进行更改时，应该显示提交按钮，但当我更改数字时，不会触发更改事件。
在Chrome中，type="number"字段的默认事件运行良好
HAML
.form-actions.hide{
:style => 'border-top: none;
border-bottom: solid 1px;
border-bottom-color: #08C;'
浏览 3提问于2013-05-04得票数 1
回答已采纳
有没有办法使用WAI-ARIA为HTML5中的可访问元素提供单独的tabIndex顺序？
Usecase:让我们举一个用HTML呈现多项选择题的例子。它可以有一个问题文本、带标签的单选按钮和一个提交按钮。
这里只有单选按钮和提交按钮应该是可选的。而屏幕阅读器应该可以访问所有这三个组件。在阅读单选按钮标签之前，应先阅读问题文本。
例如，请检查以下链接中的问题
在这种情况下，我们应该如何使用aria。
浏览 0提问于2014-03-24得票数 2
我有一些表单域和一个保存按钮(不是提交类型)。我希望使用以下命令实现HTML5所需的验证
然而，它似乎只适用于提交按钮，而不适用于普通按钮。
我不能使用提交按钮，因为我的保存按钮上有自定义代码
$("#saveForm").click(function(){
saveFormData();
showView('detailsView','editView');
setFormFieldValues();
})
我怎样才能用普通的按钮实现同样的效果？
浏览 9提问于2013-03-10得票数 1
1回答
我有一个简单的联系人表单，我正在使用HTML5表单验证：
input.form-control#email(type='email', name='fromEmail', required='required', value='', placeholder='Email')
为了提交表单，我正在执行提交按钮的JSON。在Firefox中，表单正确地进行验证，提示用户填写他们遗漏的空必需字段。但是，在Chrome中，单击submit按钮会跳过验证并引发错误。有什么我应该改变，以确保Chrome正在关注的HTML5表单
浏览 4提问于2015-05-19得票数 0
回答已采纳
3回答
使用的HTML5横幅
、、、
我使用Google创建了一个html5横幅，它遵循了几乎所有的指南()。
我在当地发布了它，并将其上传到google运动中作为图像添加。在我的横幅中，有一个简单的表单供用户输入基本细节并提交它。所以我只有一个事件提交按钮。目前为止一切都很好。当我将横幅上传到google之后，当我测试该横幅时，由于某种原因，整个横幅是可点击的。不知怎么的，谷歌在整个横幅上附加了一个点击事件。
但根据docs ()
“默认情况下，没有在中创建的HTML5广告可以在整个广告区域点击。”
我使用谷歌网页设计师，因为这个特定的原因，我仍然看到整个地区可点击。任何想法、建议或参考都是很棒的。
谢谢。
浏览 2提问于2015-08-12得票数 1
2回答
我有以下表格。我喜欢新的HTML5表单验证，我更愿意保留它。然而。我不喜欢按下按钮刷新页面(表单提交)的方式。
相反，我更喜欢使用按钮触发一些AJAX来刷新页面元素，而不刷新整个页面。但是，当我设置type="button"时，所发生的情况是，当按下按钮时，HTML5表单验证将停止触发。
如何使用HTML5表单验证，同时不触发刷新/提交页面的传播？
请注意，我并不关心这个问题的AJAX元素，只关心HTML5验证问题。
echo "<form>";
echo "<td><input id=\"link_add_titl
浏览 2提问于2013-11-16得票数 7
回答已采纳
如何覆盖或扩展标准WebForms WebForm_OnSubmit javascript函数？
我在ASP.net WebForms网站中使用ASP.net输入类型。用户代理(例如Chrome、IE、Firefox)已经正确地处理了数据清理、备用UI等。
通常，当用户单击<input type="submit">按钮时，用户代理将停止提交，并向用户显示UI以指示其输入将无效：
WebForms的问题在于它不使用提交按钮。相反，一切都可以通过javascript回发来完成，而不是提交表单：
<asp:LinkButton ID="bbOK
浏览 3提问于2013-09-17得票数 6
我有一个带有文本框和提交按钮的HTML5表单，如下所示
<!DOCTYPE html>
<html>
<body>
<form action="/action_page.php">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="tex
浏览 2提问于2017-11-30得票数 0
回答已采纳
2回答
使用IE兼容模式的缺点
、、、
可能重复：
我在IE中浏览我的网站，然后像往常一样上传到主机上，但我注意到一些奇怪的东西，比如，山姆项目(提交按钮在部分视图中)在某个地方显示，有些地方没有。我知道IE中的大部分技巧，但我从未见过这样的情况，但是当我将兼容模式放在IE8设置中时，所有的操作都是正确的，我使用的是HTML5。因此，我想从代码中触发它，这个声明会使IE处于可移植模式吗？
<meta http-equiv=“X-UA-Compatible” content=“IE=7; IE=8” />
如果是，是否存在使用此命令的缺点？
浏览 2提问于2012-07-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
