submit按钮使用
submit按钮是HTML表单中的一种按钮类型，用于提交表单数据。当用户点击submit按钮时，表单数据将被发送到服务器进行处理。
submit按钮的使用如下：
<form action="process.php" method="post">
<input type="text" name="username" placeholder="Username"><br>
<input type="password" name="password" placeholder="Password"><br>
<input type="submit" value="Submit">
</form>在上述示例中，<form>元素定义了一个表单，action属性指定了表单数据提交的目标URL，method属性指定了提交数据的HTTP方法（通常是POST方法）。
<input>元素用于创建表单控件，其中type="text"和type="password"分别创建了文本输入框和密码输入框。name属性定义了该字段在表单数据中的标识，placeholder属性用于在输入框中显示提示文本。
<input type="submit">创建了一个submit按钮，value属性定义了按钮上显示的文本。
点击submit按钮后，浏览器会将表单数据打包成HTTP请求，并发送到action属性指定的URL。服务器端可以通过解析请求中的数据来获取表单提交的内容，并进行相应的处理，如用户认证、数据存储等。
腾讯云提供了云托管产品（https://cloud.tencent.com/product/tch?from=10680）用于托管和部署Web应用程序，可用于处理提交的表单数据。
相关·内容
6回答
我有两个按钮Start和Walk Away。我希望最初不应该出现“走开”按钮，但是在“开始”按钮上，“走开”按钮应该出现(我不想使用切换)。
我有两个问题：
1)在“开始”按钮上，我能够隐藏并显示第二个按钮，但我一开始无法隐藏该按钮。2)当“走”按钮出现在“开始”按钮上后，我希望“走开”按钮在2分钟后自动隐藏。我不能这样做
目前，正确运行的代码是。代码
$("#start").click(function () {
$("#walkaway").show();
});
<button type="submit" name=
浏览 3提问于2015-06-10得票数 1
回答已采纳
这里我有两个id frm_submit1和frm_submit2按钮
<button type="button" id="frm_submit1">Click Me 1!</button>
<button type="button" id="frm_submit2">Click Me 2!</button>
在jquery中，我需要对这两个按钮执行相同的onclick事件。单击一个按钮(frm_submit1)，我使用如下所示。如何使用多个按钮？
$(document).on(
浏览 2提问于2014-11-18得票数 1
回答已采纳
我在一个页面上有两个按钮，这些按钮的启用/禁用是通过评估复选框选择来完成的。
目前，禁用的按钮也会在鼠标放在按钮上时改变颜色。
我想根据按钮是禁用还是启用来控制.css按钮的悬停。
你知道如何确保当鼠标在禁用的按钮上时，它们的颜色不会改变吗？
.cshtml
<input class="submit-btn submit-right-margin" id="case-escalate" type="submit" value="Update & Escalate" data-caseId="@Model.Ca
浏览 4提问于2012-07-11得票数 0
回答已采纳
1回答
我使用的是angular v10和angular形式的v10。有一个表单和提交按钮。添加验证和使用form.valid启用/禁用提交按钮。我想要的是:考虑表单中的10个字段以及submit1和submit2按钮。submit1按钮需要5个字段，当用户提交表单时，在5个字段中的值，然后submit2按钮将显示。但是submit2按钮需要有2个额外的必填字段以及现有的5个字段。有没有办法为表单提供2个额外的验证，仅用于submit2按钮。
浏览 1提问于2021-01-05得票数 0
此代码适用于：
<script type="text/javascript">
function submit_form()
{
if(confirm('My message here.'))
{
document.my_form_name.submit();
}
}
</script>
<form action="index.php" method="post" name="my_form_name">
<input type=
浏览 1提问于2015-03-06得票数 0
回答已采纳
我想使用一个有两个提交按钮的表单。每个按钮调用相同的表单操作，但为其中一个字段提交不同的值。为此，我成功地使用了s:submit按钮，如下所示：
<s:submit name="submitType" value="foo" type="button">Click me!</s:submit>
在上面，按钮中显示的文本(“单击我！”)与表单提交的值("foo")不同。但是，对于具有完全相同属性的dojo提交标记，情况并非如此：
<sx:submit name="submitType"
浏览 0提问于2011-10-16得票数 0
回答已采纳
我有一些我想做的事情，想看看你们是怎么想的，以及如何实现它。
我在一个页面中有一个表单，该表单将提交给自己来执行某个类中的某些过程(运行函数)。
单击submit按钮后，我希望将按钮文本动画化为“SUBMIT .” -> “SUBMIT ..” -> “SUBMIT …” -> “SUBMIT ….” -> “SUBMIT ….”，然后再返回。对按钮文本进行“动画”处理。
一旦整个过程完成，按钮文本将再次返回为“SUBMIT”文本。
请注意，我不是在寻找图像按钮解决方案，这意味着我不想实现gif动画按钮图像。
有没有人以前做过或者知道怎么做？我有谷歌，但似乎没有找到这样
浏览 0提问于2010-04-30得票数 3
1回答
我使用以下方法单击提交按钮：
Hlml：
<button type="submit" class="btn btn-submit">Submit</button>
Js :
$("#form_id").on('submit',(function(e) {
问题是，我的窗体向导上有更多的1提交按钮，所以我需要针对特定的提交按钮。
LIke
<button type="submit" id="submit_form" class="btn btn-submit
浏览 3提问于2017-10-27得票数 3
回答已采纳
我是新来的JS，并面临一些可能看起来很简单的挑战。
我想做的是：
用户单击状态为“提交”的按钮
当单击按钮时，单词“submit”更改为“请等待.”&按钮被禁用
按钮被禁用2秒。
2秒后，单词“请提交.”更改回“submit”&按钮被激活(它不再禁用)
我写了下面的代码。如对此有任何建议，将不胜感激。
html
<form action="#" method="post">
<input type="button" name="submit" value="
浏览 3提问于2015-05-07得票数 34
回答已采纳
我有一个表单，它使用一个锚作为提交按钮，如下所示：
<!DOCTYPE html>
<head>
<script src="jquery.js"></script>
</head>
<body>
<form action="" method="post">
<input type="text" pattern="[A-Za-z]{3}" />
<a href="#" cla
浏览 3提问于2014-04-27得票数 0
我有几个按钮和类型按钮：
<button type="button" class="btn btn-default">Plain old button.</button>
还有一些类型为submit的重要按钮：
<button type="submit" class="btn btn-default">Submit button!</button>
我想听一下按钮上的事件，输入submit，而不是其他按钮。
浏览 1提问于2014-03-20得票数 0
回答已采纳
4回答
提交按钮作为图像
、、、
在我的表单中，我有一个提交按钮，它是一个图像(button+text)。它有一个空的value=""，所以它不会侵入按钮图像。
如何使需要可访问性的用户能够理解此按钮？
<input type="submit" name="submit" id="submit" value="" class="button" style="background: url(img/enter-now-button.png) no-repeat;" />
(隐藏的)标签是否合适？
<l
浏览 8提问于2015-01-20得票数 0
回答已采纳
3回答
如何指定要提交哪个提交按钮？
当前的示例只提交第一个submit按钮，其中包含$("form").submit()；但是如何使它按id或名称选择submit按钮呢？
<html>
<script>
$("form").submit();
</script>
<form action="<?=$_SERVER['PHP_SELF']?>" method="post" />
//other inputs
<input type="subm
浏览 5提问于2013-08-07得票数 0
回答已采纳
1回答
我有一些标签，每个标签都包含自己的表单和自己的提交按钮。我想发射所有的表格，并发送每一个表单的要求，点击一个按钮。这个按钮实际上应该单击每个表单的每个提交按钮(在本例中，该按钮将是类"submit_all“的按钮。html：
div class="tab-content" id="tab_content_one"
div id="#tab1" class="tab-pane fade in active"
= form_tag({ action: "route1" }, method:
浏览 10提问于2022-03-06得票数 0
示例，在下面
我有一个带有字段集和按钮的表单。按钮和字段集都有边框。我只想把边境线留给田野。多么?
(在我的示例中，CSS移除了两个边框-对于字段集和按钮，当我希望按钮保持未打开时)
#select_spec_form #submit_button {
border: 0;
}
<form id="select_spec_form">
<fieldset id="submit_button">
<input name="submit[submit]" id="submit_button&#
浏览 2提问于2017-12-08得票数 1
回答已采纳
我正在使用JSF2千里达2(MyFaces)，并尝试在命令按钮中使用f:param
<tr:commandButton text="Submit" action={backingBean.actionSubmit}>
<f:param name="isSubmit" value="Yes" />
</tr:commandButton>
基本上，我尝试传递submit按钮的param值，并且仅在单击Submit按钮时执行验证，将条件添加到input元素的required属性以检查submit按钮。
有没有办法在J
浏览 0提问于2012-01-23得票数 0
嘿，伙计们，我有一个关于jQuery的简单问题，但老实说，我不明白我做错了什么。
JQuery代码看起来就像这样
$(".submit_twitter,.submit_url").hide();
$(".submit_url").show();
现在我希望只看到带有class="submit_url“的submit按钮，但是两个submit按钮都显示了？;(
使用just
$(".submit_twitter").hide();
相反，它也不起作用。
编辑：
$(".submit_twitter,.submit_url
浏览 1提问于2011-07-04得票数 0
1回答
提交自定义角按钮组件不提交表单
、、、、
我已经将提交按钮提取到一个独立的组件中。现在，表单不再被提交/提交函数不再被调用，因为ngSubmit不会被触发。
<form [formGroup]='form' (ngSubmit)='submit(form.value)'>
...
<app-submit-button></app-submit-button>
</form>
问题是，我的自定义组件应用程序-提交按钮中的按钮会在单击时触发函数调用。提交事件不会进一步传播到父组件，因此它的提交函数不会执行。但是，当我从子组件中删除(单击)=‘sub
浏览 0提问于2019-01-02得票数 2
2回答
我有一个s:form与sj: but和s:submit an，sj:submit works正确，而s:submit按钮不起作用。当我单击s:submit按钮时，什么都不会发生。
我尝试在表单外部使用sj:submit按钮，并将其链接到带有formIds参数的s:form。
浏览 2提问于2013-09-25得票数 0
回答已采纳
3回答
如何在PHP中获得submit按钮的名称？
我得到了submit按钮的值，但我找不到任何代码来获得按钮的名称。下面是我写的代码。
<form name="form1" method="post">
<input type="submit" value="hello" name="submitbutton">
</form>
<?php
echo "Value of submit button: " . $_POST['submit
浏览 0提问于2011-08-16得票数 6
回答已采纳
我有一个窗体，它有3个不同的按钮，在不同的时间启用/禁用。
<html>
<form method="GET">
<input type="text" name="test"/>
<button name="submit1" type="submit">Submit</button>
<button disabled name="submit2" type="submit
浏览 0提问于2019-07-11得票数 2
回答已采纳
2回答
我正在做一个引导表单，它在表单底部有重置/提交按钮。当iPhone上的用户点击Submit按钮时，当它出现在屏幕的最底部时，Safari图标首先出现，然后用户必须第二次单击Submit按钮。
下面是表单末尾的代码：
<button type="reset" class="btn btn-default">Reset</button>
<button type="submit" class="btn btn-default">Submit</button>
</form>
浏览 1提问于2016-06-05得票数 1
回答已采纳
我想要指向一个与另一个按钮具有相同类的按钮。当我不能改变html的时候，有没有办法使用css来区分？ 在这个 page中，submit按钮消失了，但我想这是因为我隐藏了一个共享相同类here的按钮 Html： <button type="submit" class="btn button ur-submit-
button">
<span></span>Submit</button>
浏览 14提问于2019-08-27得票数 0
回答已采纳
4回答
我有一个带有提交按钮的表单。当单击submit按钮时，它会将信息发送到mysql。这一切都是正常的，但是当单击submit按钮时，它只是重新加载页面。我想让它去发送信息到mysql，然后转到thankyou.html页面。
我的提交按钮是：
<input type="submit" name="submit" id="submit" value="Submit" />
我的表单操作是：
<form name="list"; action="<?php echo $_SERVER[&
浏览 3提问于2012-02-06得票数 2
我正在尝试检查是否单击了表单提交按钮，所以我尝试了：
if($request->input('submit')){
//do something
}
并尝试：
$clicked=$request->input('submit');
if(isset($clicked)){
//do something
}
并且还尝试了：
if($request->input('submit')!=null){
//do something
}
但是，当我单击表单中的submit按钮时，if-ins
浏览 10提问于2018-08-10得票数 4
2回答
zend表单中的提交和保存操作
、、、、
我的ZEND表单(zend 1.12)中有两个提交按钮，让我们来看一个场景：
Button Submit-> Action(myproject/submit);
Button Save-> Action(myproject/save);
但是按钮是相同的形式，我怎样才能使表单相对于按钮在不同的页面上发布呢？
我尝试了以下方法，但不起作用：
//store
$save= new Submit('save');
$save->setLabel($this->getView()->translate('save&
浏览 0提问于2013-06-06得票数 1
回答已采纳
Struts标记<s:submit>和<sj:submit>是否在相同的表单上工作？我已经有了Struts按钮<s:submit>，但是现在我添加了<sj:submit>。
因此，按钮运行良好，但是Struts <s:submit>没有工作。
<head>
<sj:head/>
</head>
<s:form id="myForm" action="part!list">
<s:submit action="part" met
浏览 2提问于2013-07-03得票数 0
4回答
在我的表单中，我有两个提交按钮。
<input type="submit" name="save" value="Save as draft"/>
<input type="submit" name="send" value="Start sending" />
现在，在将表单提交回服务器之前，我希望根据所单击的按钮来执行特定的任务。
$('form').submit(function(){
if submit equals save
t
浏览 0提问于2011-05-12得票数 6
回答已采纳
2回答
我有以下提交按钮：
<form id="form1" runat="server">
<input type="submit" id="submit" value="Submit" runat="server"/>
</form>
例如，在按钮被点击后，如何使用内联服务器标签更改按钮本身的背景色？
我曾尝试将提交按钮声明中的属性style="“与内联服务器标记<%%>一起使用，但仅收到一条解析器错误消息，提示”服务器标记不能包含<% ..
浏览 0提问于2012-01-06得票数 0
回答已采纳
2回答
我正在尝试在单击时禁用按钮，以及更改按钮的文本。下面是我的代码：
<input type="submit" value="Register" name="submit" id="submit" onClick="javascript:replaceButtonText('submit', 'Please wait...'); document.form1.submit.disabled=true;">
实际情况是，按钮被禁用，文本发生更改，但表单不执行任何操作(提交)。我
浏览 0提问于2012-04-02得票数 0
如果我在一个表单上有两个提交按钮：
<input name="submit" type="submit" value="Button 1">
<input name="submit" type="submit" value="Button 2">
我有这个jquery，但每次单击按钮2时，我都会收到按钮1的警报。
$('form.profile').submit(function() {
if ($("input[type=submit]").
浏览 3提问于2013-03-21得票数 1
回答已采纳
1回答
我正在编写一个Greasemonkey脚本，以便在内部网应用程序上自动提交。我遇到的问题是表单使用了多个提交按钮，每个按钮都有唯一的名称和值。简单的form.submit()不能工作，所以我迷路了。下面是一个例子。
例如，我如何使用Submit2按钮提交？
<form id='form1' action='action.php' method='POST'>
<input type='text' name='whatever' />
<input type='s
浏览 1提问于2013-06-27得票数 1
1回答
我有奇怪的问题，在Safari中定位按钮。这是按钮的html：
<span id="submit-btn" class="btn">Submit</span>
当我尝试通过ID查找按钮时，它找不到它
browser.span(:css => "span[id=submit-btn]")
browser.span(:id => "submit-btn")
但当我通过文本定位它时，它会正确地找到按钮：
browser.span(:text => "Submit")
可能的问题是
浏览 7提问于2018-02-21得票数 0
我想一个锚应该像和输入类型提交按钮。我使用的jquery插件库实际上使用的是输入类型submit，但我在锚点上设置了按钮的样式。我不想用
<input type="button">
或
<input type="submit">
我想使用锚点，比如
<a href="javascript to submit the form" ></a>
下面是我的jquery代码，我想在其中使用
{
var submit = $('<button type="submit"
浏览 2提问于2011-05-22得票数 6
回答已采纳
在CakePHP 1.3中，您可以创建一个具有多个提交按钮的表单：
echo $this->Form->submit('Submit 1', array('name'=>'submit');
echo $this->Form->submit('Submit 2', array('name'=>'submit');
并在控制器中按下哪个提交按钮：
if (isset($this->params['form']['submit']
浏览 0提问于2012-04-16得票数 10
2回答
我想做一个各种输入的数组。例如，我的键是submit按钮，我希望我的数组键是我提交按钮所需要的内容，我的按钮也连接到文本字段。
我的最低限度代码：
<?php
function element($submit){
if ($submit == "submit"){
$element = "<input type = $submit value = $submit /><INPUT type = $submit name = $submit value = $submit size=40 />";
浏览 3提问于2017-03-27得票数 0
回答已采纳
我有一个‘文本区’和‘提交’按钮的jQuery代码，当‘添加’按钮被点击时淡入，当单击其他地方或‘提交’按钮时淡出。
当“提交”和“文本区域”淡入时，“添加”按钮消失，反之亦然。
一切都很好，除了我被迫点击两次或三次“添加”按钮来执行函数，我想让“文本区域”自动聚焦。
我的脚本如下：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.js">
</script&
浏览 0提问于2016-09-01得票数 0
1回答
提交按钮中的值有问题
、、、
$button = new Zend_Form_Element_Submit('melnraksts');
$button->setAttrib('id','melnraksts');
$button->setValue(Lang::$form[17]);
$button->setDecorators(array('Composite'));
$button->removeDecorator('Errors');
$form->
浏览 0提问于2010-02-07得票数 0
$("#btn_submit").click(function(){
alertify.prompt("Please enter note/remarks for this Form:", function (e, value) {
$("#alertify-ok").val('Submit Form'); //change button text
if (e) {
alertify.success("Form has been submitt
浏览 3提问于2015-06-29得票数 5
回答已采纳
我在表单中有一个名为Submit的按钮，并将该按钮的tooltiptext属性设置为"Submit“。当用户将光标移动到submit按钮上时，它会显示tooltiptext，而当我单击该按钮后，tooltiptext仍然显示在表单中。请提供一个解决方案，当用户单击提交按钮时隐藏tooltiptext。
提前感谢
浏览 1提问于2015-07-15得票数 0
我在按钮中遇到了属性值，正如这里所解释的，值属性定义了按钮上的文本。我预计<button value="submit"></button>将等于<button>Submit</button>，但<button value="submit"></button>输出按钮上没有文本。因此，我对为什么和何时需要为HTML中的按钮标记使用value属性感到有点困惑。
浏览 7提问于2019-09-23得票数 0
回答已采纳
我在Struts1.1JSP文件中有一个带有submit按钮的表单：
<html:form ...>
<html:submit onclick="onupload();">
Upload
</html:submit>
</html:form>
现在，我想在submit函数中更改onupload()按钮的值。在常规的HTML中，我使用document.getElementByName来完成它，但是在html:submit标记中没有定义属性name。所以，我不知道如何更改按钮的值。
浏览 3提问于2013-09-05得票数 1
回答已采纳
我有一个有不止一个按钮的表格：
<form action="#" @submit.prevent="submit">
<div class="col-md-8 offset-md-4">
<button class="btn btn-danger marginme" >Delete</button>
<button type="submit" @click="submit" class=&#
浏览 2提问于2021-01-21得票数 1
回答已采纳
1回答
我试图添加一些验证到一个Shopify电子商务网站，以便用户必须确认他们的国家时，点击“继续结帐”按钮。它使用普通的JavaScript confirm()对话框工作得很好，但是我希望能够在弹出窗口中使用JQuery，所以我尝试使用JQuery UI。
JQuery UI弹出并阻止表单提交(尽管需要一段时间才能计算出该表单)，但在用户单击“确认”按钮后，我想不出如何提交表单。我已经找到了两种阻止表单进展的方法，使用e.preventDefault和使“继续”按钮成为type="button"而不是type="submit"。在这两种情况下，表单将不再提交。
表单
浏览 4提问于2012-11-29得票数 1
3回答
我使用以下代码禁用submit按钮
$("input[type='submit']").attr("disabled", "disabled");
这个代码来重新启用它：
$("input[type='submit']").removeAttr("disabled");
它在我尝试过的所有浏览器上都能正常工作，除了7。IE7会禁用按钮，但是当它重新启用时，按钮看起来仍然是禁用的。
此按钮启用并可单击，尽管光标和灰色：
(一位同事在IE8上也有同样的问题，但我无法复制。)
我
浏览 2提问于2011-08-29得票数 4
回答已采纳
使用jQuery，我尝试禁用如下输入字段： <input id="submit" type="image" src="submit.jpg"> 我想要做的是禁用按钮，并使用不同的图像(submitGreyed.jpg)更改图像，以直观地通知按钮已禁用。 使用以下代码行，我禁用了该按钮： JQuery("#submit").attr('disabled','true'); 然后，我使用以下命令更改图像： JQuery("#submit").attr('src
浏览 0提问于2010-02-06得票数 5
回答已采纳
1回答
我有两个提交按钮：
<form>
<button type="submit" name="submit" value="save">save</button>
<button type="submit" name="submit" value="delete">delete</button>
<input name="text" placeholder="Text here" re
浏览 0提问于2018-09-12得票数 2
回答已采纳
我正尝试在代码中使用jQuery启用/禁用提交按钮。现在，一切正常，直到我提交表单，它会通过服务器端验证并失败，这会将我送到一个带有后退按钮的错误页面，当我单击后退按钮时，我会返回到表单页面，但该按钮仍然是禁用的。有什么想法吗？
代码：
<input type="submit" value="Submit" id="SubmitBtn" name="SubmitBtn">
<script type="text/javascript" language="javascrip
浏览 0提问于2011-03-18得票数 1
我有一个HTML表单，当输入值小于10时，提交按钮被禁用。当输入值大于10时，该按钮改变其颜色。 当我使用backspace或delete按钮删除输入值时出现问题，提交按钮的颜色在我刷新页面之前不会更改为禁用按钮。 setInterval(function () {
if ($('#tot2').val() >= 10){
$("#submit").removeAttr("disabled");
$("#submit").css({"background-color": "b
浏览 47提问于2017-10-30得票数 2
回答已采纳
2回答
这是我的startQuiz()函数，它绑定到start按钮。 我单击start按钮将测验的显示设置为flex。这里的问题是提交按钮。 当我单击submit按钮并运行submit()时，一切正常，1登录到控制台。 当我运行closeQuiz()时，问题出现了，它只是简单地将测验显示改回无。在运行startQuiz()将显示重置为flex之后，运行submit()会导致控制台记录两次。 这种模式继续存在，每次我运行closeQuiz()并重新打开测验时，submit()最终会运行越来越多的次数。 请帮我只运行submit()一次，谢谢。 function startQuiz(){
qui
浏览 10提问于2020-06-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
