相关疑难解决方法(0)

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表单上的默认提交按钮?

如果表单已提交但未通过任何特定按钮提交,例如

  • 按下 Enter
  • HTMLFormElement.submit()在JS中使用

浏览器应该如何确定多个提交按钮中的哪一个(如果有的话)用作按下的按钮?

这在两个层面上很重要:

  • 调用onclick附加到提交按钮的事件处理程序
  • 数据发送回Web服务器

到目前为止,我的实验表明:

  • 按下时Enter,Firefox,Opera和Safari使用表单中的第一个提交按钮
  • 当按下时Enter,IE使用第一个提交按钮或根本不使用,这取决于我无法弄清楚的条件
  • 所有这些浏览器根本不使用JS提交

标准说什么?

如果它会有所帮助,这是我的测试代码(PHP仅与我的测试方法相关,而不是我的问题本身)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
</head>

<body>

<h1>Get</h1>
<dl>
<?php foreach ($_GET as $k => $v) echo "<dt>$k</dt><dd>$v</dd>"; ?>
</dl>

<h1>Post</h1>
<dl>
<?php foreach ($_POST as $k => $v) echo "<dt>$k</dt><dd>$v</dd>"; ?>
</dl>

<form name="theForm" method="<?php echo isset($_GET['method']) ? $_GET['method'] : 'get'; ?>" action="<?php echo …
Run Code Online (Sandbox Code Playgroud)

html javascript standards cross-browser

201
推荐指数
6
解决办法
17万
查看次数

JSF:如何在按下回车键时提交表单?

这似乎是一个简单的要求,但我还没有找到一个简单的解决方案:

在JSF 1.2/Richfaces 3.3 webapp中,我有一个表单,其中包含各种类型的输入组件,后跟一个<a4j:commandButton>和一个<h:commandButton>.前者重置表单,第二个对输入的数据执行一些操作.

我的目标是在用户输入数据时按下回车键时触发此操作.我怎样才能做到这一点?

编辑:一般来说,<h:commandButton>每个人有一个以上<form>.我想指定一个特定的默认操作.此外,我希望解决方案与AJAX(我们广泛使用)相得益彰.

javascript jsf

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

将div框放在后续元素的末尾

如果我在以下庄园中订购了3个Div箱(真正的任何号码):

<div>
    <div id="one"></div>
    <div id="two"></div>
    <div id="three"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

如何在带有id one的div之后显示带有id 的div three而不更改html的结构?

这就是html应该显示为:

________________________
| ____________________ |
| | id=two           | |
| |                  | |
| |__________________| |
| ____________________ |
| | id=three         | |
| |                  | |
| |__________________| |
| ____________________ |
| | id=one           | |
| |                  | |
| |__________________| |
|______________________|
Run Code Online (Sandbox Code Playgroud)

html css position

4
推荐指数
1
解决办法
2317
查看次数

是否可以在表单中将HTML按钮设置为默认值?

我在asp.net页面上工作,我的页面中有几个按钮,其中一些是asp.net按钮,另一些是HTML input[type=button]元素.HTML按钮用于进行AJAX调用.

当用户按下ENTER时,我需要将这些HTML按钮设置为默认按钮,但此时页面中的第一个按钮被触发.

有没有办法在我的表单上将普通的HTML按钮设置为默认值?

.net html javascript c# asp.net

4
推荐指数
2
解决办法
9582
查看次数