[解決済み] リターンキーが押されたときにフォームを送信するには?
2023-05-26 01:23:10
質問
HTML フォームでリターンキーを押したとき、フォームにボタンがない場合、どのように送信するか、どなたか教えてください。 送信ボタンがありません . 私はその代わりにカスタムdivを使用しています。
どのように解決するのですか?
IMO、これが最もクリーンな答えです。
<form action="" method="get">
Name: <input type="text" name="name"/><br/>
Pwd: <input type="password" name="password"/><br/>
<div class="yourCustomDiv"/>
<input type="submit" style="display:none"/>
</form>
さらに、カスタム div を使用してフォームを送信するために javascript を使用している場合、それを作成するためにも javascript を使用し、ボタンに display:none スタイルを設定する必要があります。この方法では、javascript を無効にしたユーザーにも送信ボタンが表示され、クリックすることができます。
display:none は IE に入力を無視させるということが指摘されています。 私が作成した 新しい JSFiddle の例 を作成しました。これは標準のフォームとして始まり、プログレッシブ エンハンスメントを使用して送信を非表示にし、新しい div を作成します。 の CSS スタイルを使用しました。 ストライピングウォーリアー .
関連
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み] JavaScriptで文字列をbooleanに変換するにはどうしたらいいですか?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] フォーム送信のようなJavaScriptのポストリクエスト
-
[解決済み] テキストボックスのEnterキーで、JavaScriptでボタンクリックをトリガーする
-
[解決済み] Reactメモを使うべきではない場合とは?
-
[解決済み] Node.jsのES6クラスをrequireで作る
最新
-
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
-
[解決済み] bootstrap のポップオーバーがすべての要素の上に表示されない
-
[解決済み] React js 親コンポーネントから子コンポーネントの状態を変更する
-
[解決済み] Javascript 空の配列の削減
-
[解決済み] Reactメモを使うべきではない場合とは?
-
[解決済み] AJAX Mailchimp サインアップフォームの統合
-
[解決済み] イテレータでmap()を使用する
-
[解決済み] Javascript の parseInt() で先頭のゼロを削除する。
-
[解決済み] Prototypeを使ってtextareaを自動サイズ調整するには?
-
[解決済み] JavaScriptの文字列プリミティブとStringオブジェクトの違いは何ですか?