假设您在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这个吗?
我的表单有三个提交按钮,如下所示:
<input type="submit" name="COMMAND" value="‹ Prev">
<input type="submit" name="COMMAND" value="Save">
<input type="reset" name="NOTHING" value="Reset">
<input type="submit" name="COMMAND" value="Next ›">
<input type="button" name="NOTHING" value="Skip ›" onclick="location = 'yada-yada.asp';">
Run Code Online (Sandbox Code Playgroud)
按钮行是提交,重置和javascript按钮的混合.按钮的顺序可能会发生变化,但无论如何,保存按钮仍保留在prev按钮和下一个按钮之间.这里的问题是当用户点击"enter"提交表单时,post变量"COMMAND"包含"Prev"; 正常,因为这是表单上的第一个提交按钮.但是,当用户通过输入按钮提交表单时,我希望触发"下一步"按钮.有点像将其设置为默认提交按钮,即使它之前还有其他按钮.
是否有禁用的CSS选择器input type="submit"或"button"?
我应该用input[type="submit"][disabled]吗?
这在IE6中有用吗?
有人可以帮助改变它,以包含一个名为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) 我试图改变提交按钮类型中文本的颜色,但是,我不知道为什么我无法更改它.
.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)
当我尝试更改提交按钮的颜色时,我遇到了问题.
我有一个角反应形式
<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 事件中知道按下了哪个按钮?
我想为具有许多属性的实体创建表单.为了确保数据输入的简便性,我想将该表单拆分为多个页面(例如2或3页).我们来看广告实体示例:
此拆分需要在移动到下一页之前在第一页中保存可用数据(插入数据库).不幸的是,由于限制,这是不可能的.
问题是:是否有任何文件或任何例子可以解决这个问题?
如果没有可用的文档,您认为最好将我的实体拆分为n个实体,以便每页有一个实体吗?
谢谢你的帮助.
我想在按钮点击上运行一个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.
我正在使用simple_form和以下代码来创建按钮.
<%= form.action :submit, :value => "submit", :button_html => { :class => "lagoon" } %>
Run Code Online (Sandbox Code Playgroud)
但是按钮(仍然)标记为"创建用户"而不是"提交".我认为设置值=>会这样做,但事实并非如此
我有一个带有表单和多个提交按钮的剃刀页面。对于每个按钮,我想在代码隐藏文件中启动不同的 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>\nRun 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}\nRun 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我究竟做错了什么?
\nsubmit-button ×10
form-submit ×4
html ×4
css ×3
forms ×3
button ×2
angular ×1
asp.net-core ×1
c# ×1
formtastic ×1
function ×1
onclick ×1
php ×1
symfony ×1