• 締切済み

テキストBOX1個の画面でテキストBOXがリロード。

【ご質問】 テキストBOX1個だけの画面で、データ入力をEnterキーを 押すと、入力したデータがリロードされてしまいます。 (テキストBOX2個以上だと、リロードされません) 入力したデータをそのまま、保持したいのですが、 実現方法をご存知の方、教えて頂けますでしょうか。 【サンプル】 <%@page contentType="text/html; charset=euc-jp" %> <html> <head> <title>テスト</title> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> <script language="JavaScript"> function m_evt_add(f1){ return; } </script> </head> <body bgcolor="#FFFFFF"> <div align="center" style="color:#3300CC"><b>テスト</b></div> <br> <form name="form2" > <div align="center"> <table width="300" border="2"> <thead class="tableheader"> <tr> <th colspan="2" align="center">詳細項目</th> </tr> <tr> <th>項目</th><th>内容</th> </tr> </thead> <tbody class="tabledata"> <tr> <td >項目1</td><td><input type="text" name="input1" size="20" id="imemode1"></td> </tr> <tr> </tbody> </table> <br> <br> </div> </form> </body> </html>

みんなの回答

  • leap_day
  • ベストアンサー率60% (338/561)
回答No.1

こんにちは 1)textboxを2つ作る <input type="text" name="input1" size="20" id="imemode1"> <input type="text" style="display:none;"> 2)textereaにする <textarea rows="1" name="input1" id="imemode1"></textarea> 3)enter keyを無効にする <form name="form2" onsubmit="return false;"> などが考えられると思います 2)は後ろにスクロールバーがついてしまいますしenter押すと2行になるので使いにくいといえば使いにくいかもしれません 3)はenter keyを押しても送信はされないのですが・・・ このformは次のページへ送信する為のformですか? もしそうなら加えて別の処理をしてやらないといけません 『form enter 無効』『form enter 入力』『form enter 送信』などでネット検索してみてくださいm(--)m ちなみに(1)の方法↓(ちょっと違いますけど) http://www.nslabs.jp/enter-submit.rhtml (3)の方法↓ http://www.hiyoko3.com/sample/forme/noneSubmitEnter.html

関連するQ&A