[解決済み] HTMLフォームのEnterキーでボタンを押さずに送信する方法
2023-06-12 17:02:12
質問
HTML フォームで、1 つの
submit
入力があり、さらに様々な
button
要素もあります。ユーザーが 'enter' キーを押すと、実際にフォームが送信されると思うのですが、(少なくとも Chrome 15 では)その代わりに、最初の
button
(よりも HTML 内で早く発生するため)。
submit
の入力よりも早い段階で発生するからでしょう)。
一般に、ブラウザが特定の
submit
の入力を優先させることはできませんが、私は本当に
submit
入力よりも
button
要素の上に入力します。これを動作させるために HTML に小さな調整を加えることができますか、それとも何らかの Javascript のアプローチを採用する必要がありますか?
HTMLの大まかなモックアップはこちらです。
<form action="form.php" method="POST">
<input type="text" name="field1"/>
<button onclick="return myFunc1()">Button 1</button>
<input type="submit" name="go" value="Submit"/>
</form>
どのように解決するのですか?
デフォルトの送信ボタンや入力を選択するためにJavaScriptは必要ありません。ただ、それをマークアップするために
type="submit"
でマークし、他のボタンは
type="button"
. あなたの例では
<button type="button" onclick="return myFunc1()">Button 1</button>
<input type="submit" name="go" value="Submit"/>
関連
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] フォーム送信のようなJavaScriptのポストリクエスト
-
[解決済み] jQuery AJAX送信フォーム
-
[解決済み] jQueryの送信ボタンの無効化・有効化
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み] jQuery UIダイアログのクローズボタンを削除するには?
-
[解決済み] 1つのフォームに2つの送信ボタンがある
-
[解決済み] Can I make a <button> not submit a form?
-
[解決済み] フォームを送信しないためのHTMLボタン
-
[解決済み] フォームを送信するために通常のリンクを使用する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] jQueryでチェックボックスの値を取得する
-
[解決済み] jQueryでPUT/DELETEリクエストを送信する方法は?
-
[解決済み] 既存の非順序型リストにリストアイテムを追加する方法
-
[解決済み] 動的に生成された要素でクリックイベントが動作しない [duplicate]
-
[解決済み] チェックボックスがチェックされた場合のjQuery
-
[解決済み] .text()を使って子タグにネストされていないテキストのみを取得する方法
-
[解決済み] jQueryでloading spinnerを表示するには?
-
[解決済み] jQuery セレクタ。Id Ends With?
-
[解決済み】iPad版SafariでjQueryを使ってタッチイベントを認識させる方法は?可能でしょうか?