フォームが送信されたが、特定のボタンではない場合
- 押して Enter
HTMLFormElement.submit()
JSでの使用
ブラウザーは、押されたボタンとして使用する複数の送信ボタンがある場合、どのボタンを決定することになっていますか?
これは2つのレベルで重要です。
onclick
送信ボタンに接続されたイベントハンドラーの呼び出し- Webサーバーに送り返されたデータ
これまでの私の実験では、次のことが示されています。
- 押すとEnter、Firefoxの、オペラと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 $_SERVER['SCRIPT_NAME']; ?>">
<input type="text" name="method" />
<input type="submit" name="action" value="Button 1" onclick="alert('Button 1'); return true" />
<input type="text" name="stuff" />
<input type="submit" name="action" value="Button 2" onclick="alert('Button 2'); return true" />
<input type="button" value="submit" onclick="document.theForm.submit();" />
</form>
</body></html>