[解決済み】HTMLフォームに複数の送信ボタンがある場合
2022-03-31 23:41:09
質問
HTMLのフォームにウィザードを作るとします。1つのボタンは戻り、1つのボタンは進みます。このとき 戻る を押すと、マークアップの中で最初にボタンが現れます。 入力 の場合、そのボタンを使ってフォームを送信します。
例
<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>
を押したときに、どのボタンを使ってフォームを送信するかを決められるようにしたいです。
入力
. そうすることで、押したときに
Enter
をクリックすると、ウィザードは前のページではなく、次のページに移動します。この場合
tabindex
を実行する必要がありますか?
解決するには?
の仕掛けをしているだけです。
float
ボタンを右側に移動させます。
こうすることで
Prev
ボタンの左にある
Next
ボタンがありますが
Next
がHTMLの構造上、最初に来ます。
.f {
float: right;
}
.clr {
clear: both;
}
<form action="action" method="get">
<input type="text" name="abc">
<div id="buttons">
<input type="submit" class="f" name="next" value="Next">
<input type="submit" class="f" name="prev" value="Prev">
<div class="clr"></div><!-- This div prevents later elements from floating with the buttons. Keeps them 'inside' div#buttons -->
</div>
</form>
他の提案に対する利点:JavaScriptのコードがない、アクセス可能、両方のボタンが残る
type="submit"
.
関連
-
[解決済み] 名前が''の無効なフォームコントロールはフォーカスされない
-
[解決済み] 以下のHTMLフォームの例で、「mailto:[email protected]」とは何ですか?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] フォーム送信のようなJavaScriptのポストリクエスト
-
[解決済み] jQuery AJAX送信フォーム
-
[解決済み] ASP.NET MVC Frameworkで複数のサブミットボタンを処理する方法は?
-
[解決済み] jQueryでフォームフィールドをクリアする
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
-
[解決済み】送信ボタンがないのにEnterキーを押してフォームを送信する
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】エラー。要求されたURL"[no URL]"は無効です。
-
[解決済み] text-overflow: 省略記号が機能しない
-
[解決済み] フレックスアイテムを右にフロートさせる
-
[解決済み] ボディの背景色が表示されない?
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] HTMLファイルへのリンクは可能ですか?
-
[解決済み] 入力のラジオ要素を水平に揃えるにはどうしたらいいですか?
-
[解決済み] Railsです。railsアプリで<img src= >をimage_tagに変換する方法
-
[解決済み] mailchimpのメールインラインスタイルのコーディングがいつも通りできない
-
[解決済み] HTMLフォームに複数の送信ボタンがある場合、1つのボタンをデフォルトとして指定する [重複] 。