- ベストアンサー
Tabに関して
以前以下のソースのようにテキストボックスを4つくらい並べて、最大入力文字数になったら、自動的に右のテキストボックスに入力できるようにすることはできるのでしょうか? と質問をし、返答を頂いたのですが、自動的に右のテキストボックスに入力できるようにはなったのですが、キーボードのTabを使ってしまうと、全てのテキストボックスが最大になっていて、はじめのボックスでタブを押すと、3つめのボックスに飛んでしまいます。何か回避する方法がありましたら教えてください。 <html> <head> <title></title> </head> <body> <form name="form1"> <input type="text" name="txt1" size="7" maxlength="3">. <input type="text" name="txt2" size="7" maxlength="3">. <input type="text" name="txt3" size="7" maxlength="3">. <input type="text" name="txt4" size="7" maxlength="3"> </form> </body> </html>
- みんなの回答 (3)
- 専門家の回答
お礼
皆様ご回答ありがとうございましたm(__)m
補足
以前投稿したときに骨組みを書いていただいたことがあり、以下のような感じで付け足してみました。これは「指示通り」なのでしょうか・・・ <html> <head> <script language="JavaScript"> <!-- var str; function inputkey1(){ str = document.hoge.textbox1.value; if ( str.length >= 3 ) document.hoge.textbox2.focus(); } function inputkey2(){ str = document.hoge.textbox2.value; if ( str.length >= 3 ) document.hoge.textbox3.focus(); } function inputkey3(){ str = document.hoge.textbox3.value; if ( str.length >= 3 ) document.hoge.textbox4.focus(); } … //--> </script> </head> <body> <form name="hoge"> <input type="text" name="textbox1" onkeyup="inputkey1()"> <input type="text" name="textbox2" onkeyup="inputkey2()"> <input type="text" name="textbox3" onkeyup="inputkey3()"> <input type="text" name="textbox4"> </form></body></html>