• ベストアンサー
  • すぐに回答を!

見えないテキストボックスを作りたい

urizakaと申します。 さて、さっそく質問なのですが、目に見えないテキストボックスって作るのは可能なのでしょうか?  実は、現在JSPのプログラムを作っているのですが、その際、ページにテキストボックスがひとつしかない状態でそのテキストボックスにカーソルがある状態でEnterキーを押すと、勝手にサーブレットに飛んでしまうという症状が発生したため、もうひとつユーザーの目に見えないテキストボックスを作りたい(テキストボックスが二つある場合はそのような症状は起きない)と思い、<INPUT TYPE="TEXT" name="DUMMY" SIZE="0">と表示してもある程度の大きさのテキストボックスが表示されてしまいます。  いろいろと本などで調べてみたのですが、それらしいことすら書いていない状態なので・・・すみませんが、ご存知の方が教えていただけないでしょうか?  宜しくお願いします。

共感・応援の気持ちを伝えよう!

  • 回答数6
  • 閲覧数515
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • 回答No.5
  • ahsblue
  • ベストアンサー率58% (23/39)

sightさんも実験して頂けたようで、感謝します。 onSubmit="return(false);" でリターンキー押下によるサブミットを抑止できることは確かなんですけどね・・ 以下の実験をして頂けないでしょうか? <form name="CatUp" onSubmit="alert('AAA');return(false);"> これで、テキストボックス内でリターンキー押下でポップアップを表示し尚且つサブミットされるのでしたら、別の要因であると言えますが、ポップアップが表示されないのでしたら、コーディングミスの可能性が大です。 JavaScriptにエラーがある場合は当然ながらサブミットされますので・・ 本当はHTMLを公開していただけるとアドバイスしやすいんですけど。

共感・感謝の気持ちを伝えよう!

質問者からの補足

 urizakaです、回答ありがとうございます。  うーんfalseでやってみるとどうも同じですねぇ・・・ただ、逆転の発想というか、テキストボックスでEnterキーが押された場合、ボタンが押されてしまったのと同じ処理をしちまえ!!・・・というわけで、onSubmit(Func1())とJavascriptへ飛ぶようにしてみたところ、こちらはうまくいきました。  で、この件なのですが、原因としてはどうやらHTML自身がそういう仕様になっているようです。  HTMLは公開したいのですが、それをやってしまうといざお礼のあとにポイントを振ろうとすると、「ページにエラー」ということでポイントが触れなくなってしまうんですよね・・・うーん、なんとかならないものだろうか?  

関連するQ&A

  • テキストボックスから勝手に画面遷移される。

    urizakaです。 現在J-BUilderを使ってテキストボックスに入力された内容をDBに送るという JSPの画面を作っているのですが、そこでテキストボックスでEnterキーを押すと 勝手にサーブレットに遷移されるというエラーが発生してしまいます。最初は、 <Form name="Insert" Method="POST" Action="…"> (…にはサーブレットのアドレスが入ります) と設定しているので、それでActionに登録されたサーブレットに遷移してしまう のだと思い、ActionをJSP上のボタンが押された時に設定されるようにしたのですが、そうするとそのページが表示される前に実行されるサーブレットに移動してしまいます。もしかすると、HTMLの設定の問題なのかもしれませんが、すみませんが この件についてご存知の方がいらっしゃいましたら教えてください。  宜しくお願いします。

    • ベストアンサー
    • Java
  • テキストボックスの値同士を比較したい

    urizakaと申します。 さて、現在JSPでプログラムを組んでいるのですが、その際にHTMLフォームの テキストボックスとテキストボックスの値を比較して、同じ値だった場合に イベントが起きるようにしたいのですが、うまくいきません。 具体的には以下のようなソースコードを書いたのですが… <HTML> <BODY> <FORM name="Del"> <input type="text" name="1"> <input type="text" name="2"> (中略) </FORM> <script language="JavaScript"> if (Del.1.value == Del.2.value){ document.writeln("同じ値です"); } (以下省略)  以下省略で省略されている部分に関しては問題なく動くので この場所以外でのエラーはかんがえられないのですが…すみません が上記の方法についてご存知の方は教えていただけませんでしょうか?  宜しくお願いします。

  • テキストボックス値をsetPropertyでセット

    HTMLのテキストボックス<input type="text">値を JSPのsetPropertyでセットBeanのフィールドとしてセットし、 Servlet側で取得したいと思っています。 JSPでのsetPropertyの書き方は次のようで、 直接valueに値を書く(またはbeanからとってきた値を書くようですが、 [質問1.]テキストボックスに入力された値を代入することは可能でしょうか? [質問2.]どのように記述すればよろしいのでしょうか。 ---JSP setPropertyの記述 <jsp:setProperty name="オブジェクト変数"             property="プロパティ"             value="プロパティ値"             param="パラメータ" />

その他の回答 (5)

  • 回答No.6

手前味噌ですが、以前に何度か似たような質問をあちらこちらで見かけたので、総括して言及した事があります。 下記URLを参照してください。 わからなければ追加質問をどうぞ。

参考URL:
http://jyutaro.tripod.co.jp/submit.html

共感・感謝の気持ちを伝えよう!

質問者からのお礼

urizakaです。 実は私も同じようなページを見つけたのですが、なるほど・・・そういう仕様なことが原因なのですね。  で、とりあえず私はjavascriptを使って解決することにしました。  どうもありがとうございます。

  • 回答No.4
  • sight
  • ベストアンサー率53% (199/370)

Windows版ie5.0ではそのような状態は再現できませんでしたが・・・・ ひょっとして、その <Input type="text"....>を、 <form name="CatUp" onSubmit="return(false);"> </form> の外部、または別のform要素内に記述している、なんてことはないですよね?

共感・感謝の気持ちを伝えよう!

質問者からのお礼

 urizakaです  えーと、onSubmitの中でfalseではなく、javascriptのファンクションを動かすというように仕様変更することで解決しました。  大変にお世話になりました。

質問者からの補足

urizakaです。 それはありません。 <INPUT・・・>は</Form>の真上にあります。<FORM>が二つ以上ある、ということもありません。  で、ツールなどを使って調べてみましたが、javascriptに遷移していることもないようです。  こうなると方法は・・・  1.フォーム上でEnterを押しても何もできないような処理を行う。  2.フォーム上でEnterを押したときにjavascriptに飛ぶようにする。  3.小さいテキストボックス(<INPUT TYPE="TEXT" SIZE="1">が最小のようです)をつくり、上から何かを被せて見えないようにする。  しかなくなってしまうのですが・・・あまり3はやりたくありません。2はOnkeyboardとかいうメソッドか何かがあったと思うのですが、Enterキーを押した時だけ反応するようにしない限り意味がありません(何か入力する度にjavascriptに飛んでしまいますから・・・)。となると1なのですが、これもそういう方法があると聞いたこともないもので・・・。

  • 回答No.3
  • ahsblue
  • ベストアンサー率58% (23/39)

><form name="CatUp" onSubmit="return(false);"> >とやってみたのですが、だめでした・・・ だめだったのは、 1.リターンキー押下でサブミットされる 2.サブミットそのものが行われない のどちらでしょうか? 2.の場合は、呼び出し関数の最後(正常終了時)に、 document.CatUp.submit(); が必要です。 1.がだめというのは、ちょっと考えられないもので・・ (JSPで上記方法で問題なく動作することをとあるプロジェクトで検証済みです) ブラウザはIEですよね?

共感・感謝の気持ちを伝えよう!

質問者からの補足

urizakaです ええと症状は1です。 この状態でテキストボックス上でEnterキーを押すと勝手に、そのページを 作ったサーブレットのGET部分に飛んでいってしまいます。 また、ブラウザはIE5.0です。

  • 回答No.2
  • ahsblue
  • ベストアンサー率58% (23/39)

まず見えないテキストボックスですが、以下のように作成できます。 <INPUT TYPE="HIDDEN" NAME="DUMMY"> ただし、これでもテキストボックスでリターンを押した場合はサブミット(サーバへ送信)してしまいます。 対処方法としては、フォームタグのサブミットを禁止しボタンのクリックイベントでサブミットを実行します。 以下がサンプルです。 <FORM name="frmDmy" onSubmit="return(false);"> <INPUT TYPE="TEXT" name="ABC"> <INPUT TYPE="BUTTON" VALUE="OK" onClick="this.form.submit();"> </FORM> ※ボタンは、SUBMITではなくBUTTONを使用する方法推奨!

共感・感謝の気持ちを伝えよう!

質問者からの補足

urizakaです。 うーん、 <form name="CatUp" onSubmit="return(false);"> とやってみたのですが、だめでした・・・ ちなみにボタン部分は<INPUT TYPE="Button" onClick="Func1()"> でボタンを押すと、Javascriptによるチェックツールが動くようになって います。

  • 回答No.1
  • sight
  • ベストアンサー率53% (199/370)

どうでしょう? 触れらない(DISABLED)ならありますが、見えないテキストボックスの作り方というのは聞いたことがないのです。ご質問の内容から察するに、別にテキストボックスじゃなくてもかまわない訳ですよね? INPUT TYPE="text" などでも。 見えないフォーム部品といえば、hiddenがありますが、これがあってもやはりEnterを押せばAction先に飛んでしまうでしょう。 ですから、たとえ見えないテキストボックスが作れたとしても、それがフォーカスの遷移しない、コントロールのわたらないオブジェクトのある以上、やっぱり(表示されているページで唯一の)テキストボックスでEnterを押したらActionが動いてしまうのではないでしょうか? 該当ページは、仕様上JavaScriptの使用は不可ですか? JavaScriptが使用できるのなら、FormのActionはjavascript:void(0);とかにしておいて、送信用のボタンを押したときにだけJavaScriptを実行させてAction先をサーブレットに変えてsubmitをするようにすればよいと思いますが。

共感・感謝の気持ちを伝えよう!

質問者からの補足

Urizakaです。 えーと、まずテキストボックスというのは<INPUT TYPE="TEXT"・・・>です。 説明不足でしたね・・・。 また、javascriptですが、使っております。 具体的には function func2(){ res = confirm("カテゴリー一覧に戻ります。宜しいですか"); if (res == true){  document.CatUp.method = "Post";  document.CatUp.action="/servlet/mondaikadai.CategolyUpdateServlet"; document.CatUp.MySubmit.value = "Back"; document.CatUp.submit(); }else{ return false; } } という具合です。(このファンクションはボタンが押されたときにonclickで動きます)。そして、<FORM name="CatUp">であるため、ここには遷移先のサーブレットのアドレスは書き込んでありません。また、遷移先のサーブレットですが、これはこのJSPページを作るのに使ったまったく別のサーブレットで、そのアドレスはこのページのソースコード上には書き込んでありません。  このような状況なのですが・・・  

関連するQ&A

  • スマホでテキストボックスに文字を入れようとすると、

    モバイルのサイトを作っているのですが、 body {font-size:0.9em;} input[type="text"] {width:200px;font-size:0.9em;} のようなcssを定義していて、 <input type="text" name="テキスト" id="テキスト" value=""> のように、テキストボックスを設置しているのですが、 スマホでテキストボックスに文字を入れようとすると、ズームされてしまいます。 これを避けるにはどうすればいいでしょうか? テキストボックスに文字を入力し終わっても、ズームが元に戻りません。 androidです。

    • ベストアンサー
    • HTML
  • テキストボックスの枠の印刷の制御

    テキストボックスの枠ですが、画面に表示されているときは枠線が普通に見え、印刷するときだけ、枠線を印刷させないことなどできるものでしょうか。 例: <INPUT TYPE="TEXT" NAME="場所" SIZE="12" value="東京">

  • テキストボックスが何番目かを検出したい

    <FORM> <INPUT type="text" name="S1"> <INPUT type="text" name="S2"> <INPUT type="text" name="S3"> <INPUT type="text" name="S4"> <INPUT type="text" name="S5"> </FORM> 上記ソースでオンフォーカスのテキストボックスが何番目かを検出したいのですがJavaScriptで可能でしょうか?

  • テキストボックスの初期値について

    テキストボックスに初期値を入れたいときは <input name="text1" type="text" value="初期値"> というように、valueで指定すると思うのですが、 初期値に【"】半角のダブルクオートを含めたい場合は どのように記述するのですか? <input name="text1" type="text" value=""初期値""> のように記述すると空白が表示されてしまいます。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • テキストボックスの文字の大きさを変更するには

    タグ打ちでWebページを作っています。 テキストボックスに関する質問です。 テキストボックス本体の大きさは下のように記述すれば指定できることはわかっているのですが、 <input type="text" size=xx> テキストボックス内の「文字」の大きさを変更するにはどうすればよいでしょうか。 HTMLタグ、JavaScript、CSSでできる方法を教えてください。

  • テキストボックスの中に順番に○がついていくような・・・

    こんにちは。 jspで画像にあるような画面を表示できるようにと課題が出まして、四苦八苦しております。 内容は9個のテキストボックスがあり、OKボタンを押すごとに次のページに遷移し、1つずつ○が順に表示されていくというものです。 さらに、全てのボックスが埋まっている時にOKボタンを押すと全て空になり、また最初に戻ります。 自分で書いてみたコードはこんな感じです。 <%@page language="java" %> <%@page contentType="text/html;charset=Shift_JIS" %> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <HTML><HEAD><TITLE>課題1</TITLE> </HEAD><BODY> <FORM ACTION="kadai2.jsp" METHOD="post"> <BR> No.1:<INPUT TYPE="text" name="box1" VALUE="○"><BR> No.2:<INPUT TYPE="text" name="box2"><BR> No.3:<INPUT TYPE="text" name="box3"><BR> No.4:<INPUT TYPE="text" name="box4"><BR> No.5:<INPUT TYPE="text" name="box5"><BR> No.6:<INPUT TYPE="text" name="box6"><BR> No.7:<INPUT TYPE="text" name="box7"><BR> No.8:<INPUT TYPE="text" name="box8"><BR> No.9:<INPUT TYPE="text" name="box9"><BR> <INPUT TYPE="submit" VALUE="ok"> </FORM> </BODY></HTML> 上記と同様で、○を1つずつ増やしたファイルを9個作れば表示はできますが、それではHTMLで済んでしまいます。 1~9のボックスの部分をjava(配列)で書けますが、○を1個ずつ増やしていく方法が分かりません。 1つのファイルで自分を呼び出すという方法っぽいですが・・・ sessionでもrequestでも何でも大丈夫です。 ご教示お願いします。

    • ベストアンサー
    • Java
  • テキストボックスの文字を右揃えにしましたらカーソルが

    こんぱんは。テキストボックスの文字を右揃えにしましたらカーソルが点滅しなくなりました。具体的には、 <input type='text' class='itiniti' maxlength='5' /> このようにしたものに、 .itiniti{width:50px; text-align:right; } で指定したのですが、右揃えにはなりましたが、そのテキストボックスをクリックしてもカーソルが出現しません。何か入力して、右端以外の文字をクリックしたらカーソルが出現しますが、→キーでカーソルを一番右側までもっていくとまた消えます。 text-alignがleftのときとcenterのときは正常に表示されています。 どなたか右揃えでカーソルがちゃんと表示されない理由がわかるかたいらっしゃいましたらアドバイスお願いいたします。 環境は、IE7です。

    • ベストアンサー
    • HTML
  • Enterで指定のテキストボックスにフォーカスを・・・

    Enterを押すと指定のテキストボックスにフォーカスを移動させたいのですがやり方がわかりません・・・。 例えば以下の様なフォームで TB1→TB2→TB3→TB5→TB6 という具合に移動させたいです。 どうか皆さんのお知恵をお貸しください。 <form name = "textbox"> <input type = "text" name="TB0" onFocus="this.blur()"> <input type = "text" name="TB1"> <input type = "text" name="TB2"> <input type = "text" name="TB3"><br> <input type = "text" name="TB4"onFocus="this.blur()"> <input type = "text" name="TB5"> <input type = "text" name="TB6"> </form>

  • HTMLのレイアウト

    以下のようにテキストボックス2つの行とテキストボックス1つの行があり、 上の行のテキストボックスの間にスペースを入れた場合に、上の行と下の行の テキストボックスの終端をそろえる方法を教えてください。 ※下のテキストボックスのサイズを1増やした場合にスペースを1つ増やしても   当然幅が同じにならいので困っています。 <input type="text" size="10"/>&nbsp;&nbsp;<input type="text" size="10"/> <br/> <input type="text" size="22"/>

  • テキストボックスに関して質問です

    ページ間でのテキストボックスからテキストボックスへの文章の移行って可能でしょうか? tezt1.htmlってページにある 名前⇒<INPUT TYPE="text" NAME="name1"> 住所⇒<INPUT TYPE="text" NAME="adres1"> のテキストボックスに入力された文章を 入力ボタン <INPUT type="button" value="入力" onClick="・・・・・"> を押すと、下に用意してあるテキストボックス(別ページ)に入力した値が入るようにしたいのです。 tezt2.htmlの 名前⇒<INPUT TYPE="text" NAME="name2"> 住所⇒<INPUT TYPE="text" NAME="adres2"> 事情が有り一つのページで行えません。 フレームわけしたページで移行して使用したいのですが… 質問し方が悪くて大変申し訳有りません。宜しくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう