标签: submit-button

HTML表单中的多个提交按钮

假设您在HTML表单中创建向导.一个按钮返回,一个按钮前进.由于当您按Enter键时,后退按钮首先出现在标记中,因此它将使用该按钮提交表单.

例:

<form>
  <!-- Put your cursor in this field and press Enter -->
  <input type="text" name="field1" />

  <!-- This is the button that will submit -->
  <input type="submit" name="prev" value="Previous Page" />

  <!-- But this is the button that I WANT to submit -->
  <input type="submit" name="next" value="Next Page" />
</form>
Run Code Online (Sandbox Code Playgroud)

我想做的是,当用户按Enter键时,决定使用哪个按钮来提交表单.这样,当您按Enter键时,向导将移至下一页,而不是之前的页面.你必须用tabindex这个吗?

html forms form-submit submit-button

252
推荐指数
19
解决办法
21万
查看次数

HTML表单上的多个提交按钮 - 默认指定一个按钮

我的表单有三个提交按钮,如下所示:

<input type="submit" name="COMMAND" value="&lsaquo; Prev">
<input type="submit" name="COMMAND" value="Save">
<input type="reset"  name="NOTHING" value="Reset">
<input type="submit" name="COMMAND" value="Next &rsaquo;">
<input type="button" name="NOTHING" value="Skip &rsaquo;" onclick="location = 'yada-yada.asp';">
Run Code Online (Sandbox Code Playgroud)

按钮行是提交,重置和javascript按钮的混合.按钮的顺序可能会发生变化,但无论如何,保存按钮仍保留在prev按钮和下一个按钮之间.这里的问题是当用户点击"enter"提交表单时,post变量"COMMAND"包含"Prev"; 正常,因为这是表单上的第一个提交按钮.但是,当用户通过输入按钮提交表单时,我希望触发"下一步"按钮.有点像将其设置为默认提交按钮,即使它之前还有其他按钮.

html css forms submit-button

126
推荐指数
6
解决办法
11万
查看次数

禁用输入类型的CSS选择器="提交"

是否有禁用的CSS选择器input type="submit""button"

我应该用input[type="submit"][disabled]吗?

这在IE6中有用吗?

css css-selectors submit-button

71
推荐指数
1
解决办法
11万
查看次数

如何将图像用作提交按钮?

有人可以帮助改变它,以包含一个名为BUTTON1.JPG而不是标准submit按钮的图像?

<form id='formName' name='formName' onsubmit='redirect();return false;'>
    <div class="style7">
        <input type='text' id='userInput' name='userInput' value=''>
        <input type='submit' name='submit' value='Submit'>
    </div>
</form> 
Run Code Online (Sandbox Code Playgroud)

html form-submit submit-button

43
推荐指数
3
解决办法
14万
查看次数

如何在提交按钮中设置文本颜色?

我试图改变提交按钮类型中文本的颜色,但是,我不知道为什么我无法更改它.

.button {
  width: 105px;
  height: 20px;
  background-image: url('tiny.gif');
  line-height: 20px;
  padding-bottom: 2px;
  vertical-align: middle;
  font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  <!--font-weight: bold;
  -->text-transform: none;
  border: 1px solid transparent;
}

.button:hover {
  background-image: url('tiny_.gif');
}
Run Code Online (Sandbox Code Playgroud)
<input type="submit" value="Fetch" class="button" />
Run Code Online (Sandbox Code Playgroud)

当我尝试更改提交按钮的颜色时,我遇到了问题.

html css button submit-button

33
推荐指数
4
解决办法
32万
查看次数

Angular 两个按钮提交表单但目的不同

我有一个角反应形式

<form [formGroup]="form" (ngSubmit)="onSubmit()">
Run Code Online (Sandbox Code Playgroud)

我有两个按钮要提交。当用户按下按钮时,我需要执行一个常见的操作,即提交表单,但我还需要区分按钮,因为我需要根据按下的按钮将用户重定向到不同的页面。这是我的两个按钮:

<button name="Previous" type="submit" [disabled]="form.invalid"> Previous</button>
<button name="Next" type="submit" [disabled]="form.invalid">Next</button>
Run Code Online (Sandbox Code Playgroud)

如何在 OnSubmit 事件中知道按下了哪个按钮?

submit-button angular angular-reactive-forms

17
推荐指数
4
解决办法
3万
查看次数

如何在多个页面中拆分长symfony表单?

我想为具有许多属性的实体创建表单.为了确保数据输入的简便性,我想将该表单拆分为多个页面(例如2或3页).我们来看广告实体示例:

  1. 在第1页中,用户将输入广告文字
  2. 在第2页中,用户将输入他的联系人
  3. 在第3页中,用户将提供广告的(X,Y)位置

此拆分需要在移动到下一页之前在第一页中保存可用数据(插入数据库).不幸的是,由于限制,这是不可能的.

问题是:是否有任何文件或任何例子可以解决这个问题?

如果没有可用的文档,您认为最好将我的实体拆分为n个实体,以便每页有一个实体吗?

谢谢你的帮助.

submit-button symfony-forms symfony

9
推荐指数
2
解决办法
1万
查看次数

点击按钮运行php功能

我想在按钮点击上运行一个PHP函数.例如:

<input type="button" name="test" id="test" value="RUN"  onclick="<?php echo testfun(); ?>" /><br/>

<?php

function testfun()
{
   echo "Your test function on button click is working";
}

?>
Run Code Online (Sandbox Code Playgroud)

我的问题是,当我这样做时,我没有得到我想要的预期输出.请给我最好的解决方案,在按钮上运行一个PHP函数,无论是简单的button还是submit.

php function onclick button submit-button

9
推荐指数
2
解决办法
11万
查看次数

Rails提交按钮文本(formtastic) - 如何更改提交按钮的标签?

我正在使用simple_form和以下代码来创建按钮.

<%= form.action :submit, :value => "submit", :button_html => { :class => "lagoon" }  %>
Run Code Online (Sandbox Code Playgroud)

但是按钮(仍然)标记为"创建用户"而不是"提交".我认为设置值=>会这样做,但事实并非如此

forms ruby-on-rails form-submit formtastic submit-button

8
推荐指数
2
解决办法
7230
查看次数

asp net core razor 页面中具有多个提交按钮的多个提交操作

我有一个带有表单和多个提交按钮的剃刀页面。对于每个按钮,我想在代码隐藏文件中启动不同的 Post 操作。这是我的 cshtml 页面:

\n
<form class="form" method="post" >\n    <input type="submit" value="Test1" formaction="Button1" />\n    <input type="submit" value="Test2" formaction="Button2" />\n</form>\n
Run Code Online (Sandbox Code Playgroud)\n

这在我的 cshtml.cs 文件中:

\n
[HttpPost]\npublic IActionResult Button1(IFormCollection data)\n{\n//my code\n}\n\n[HttpPost]\npublic IActionResult Button2(IFormCollection data)\n{\n//my code\n}\n
Run Code Online (Sandbox Code Playgroud)\n

不幸的是,这不起作用。当我提交时出现 404 错误:

\n

无法找到此 localhost 页面\xe2\x80\x99 找不到该网址的网页:https://localhost:44366/Mutations/Button1\nHTTP ERROR 404

\n

正确的 URL 应该是:https://localhost:44366/Mutations/Test

\n

我究竟做错了什么?

\n

c# form-submit submit-button asp.net-core

7
推荐指数
2
解决办法
9039
查看次数