- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：入力欄とそれを入力中にエンターを押した時の、ボタンの連動方法）
入力欄とボタンの連動方法：エンターを押して自動的にフォーカスする方法
このQ&Aのポイント
- 入力欄とボタンを連動させる方法について知りたいです。具体的には、エンターキーを押した時に、入力欄と対応するボタンのフォーカスを自動的に切り替える方法を教えてください。
- 例えば、ぐーぐるの検索結果画面のように、入力欄と対応するボタンを連動させたいです。上の入力欄にフォーカスを当てると、上のボタンにエンターのフォーカスが自動的に移り、下の入力欄にフォーカスを当てると、下のボタンにエンターのフォーカスが移るような仕組みです。
- このような連動方法を実装するためには、JavaScriptを使用する必要があります。具体的な実装方法について、詳しく教えていただけると助かります。
noname#9771
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<form>から</form>の間にある <input>タグに値を入力している時は 自動的にその間にあるボタンにフォーカスがあります。 つまり、上部と下部で自動的にフォーカスを当てたい場合は、 上と下の２箇所別々に<form>タグで囲めばいいわけです。 例) <form method="post" action="test.cgi"> <input type="text" name="find" value=""> <input type="submit" value="送信１"> </form> <form method="post" action="test.cgi"> <input type="text" name="find" value=""> <input type="submit" value="送信２"> </form> 上記の例ですと、 上のテキストボックスを入力中は「送信１」に 下のテキストボックスを入力中は「送信２」に フォーカスが合うと思います。
お礼
お礼が送れて申し訳ありません。 とても役に立ちました。 ありがとうございます。