1. ホーム
  2. javascript

[解決済み] リターンキーが押されたときにフォームを送信するには?

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 スタイルを使用しました。 ストライピングウォーリアー .