• ベストアンサー

フォームを最初から選択状態で表示

テキストフォームにvalueでテキストを表示しています そのテキストをページが表示されたとき、すでに選択状態になっているようにしたいのですが、 どうすればいいでしょうか？ JavaScriptについて 少ししか知識がなく、わからないです よろしくお願いします

  • 00t
  • お礼率21% (9/41)

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

  • ベストアンサー
noname#83116
noname#83116
回答No.1

下記サイトで紹介されている方法が参考になります。

参考URL：
http://www5e.biglobe.ne.jp/~access_r/hp/javascript/js_108.html
全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

<html><head> <TITLE>サンプル</TITLE> </head> <BODY onload="document.FORM.INPTXT.focus();document.FORM.INPTXT.select();"> <form name="FORM"> <input name="INPTXT" type="text" value="表示される文字"> </form> </body> </html>

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • フォームの文字を選択状態にしたい

    type=text のフォームに あらかじめvalueで文字をいれています その文字を最初から選択状態(マウスでドラックした状態)にしたいんですが、どうすればいいでしょうか？ かなり調べてるんですが、見つかりません JavaScriptなどでしょうか？ よろしくお願いします

    • ベストアンサー
    • HTML
  • フォームについて教えて下さい！

    テキスト入力フォームのあるページ「form.html」を作るにあたって、以下のようなことを実現したいのですが方法が分かりません・・。 ＜やりたいこと＞ 「form.html」にアクセスすると、フォームの中に文字列「A」が表示されていて、フォームの中をクリックして入力可能状態にすると「A」の文字は消えるようにしたい。 例えば以下のページの左上にあるSEARCHフォームのようにしたいのです。 http://www.cnn.com/feedback/ 「SEARCH」と表示されたフォームの中をクリックすると「SEARCH」の文字は消えますよね。その後フォームの中の選択を外すと、再び「SEARCH」の文字が現れますが、これと同じ事を、複数行入力のテキストエリアで実現したいのです。 上記サイトの見様見真似で以下のように作ってみましたが、上手くいきませんでした↓ <TEXTAREA name="aaa" value="A" onfocus="if(this.value=='A'){this.value='';}" onblur="if(this.value==''){this.value='A';}"> </TEXTAREA> ＜実行結果＞ １．「form.html」にアクセスした時に「A」は表示されていない。 ２．フォームの中をクリックして選択した後、再び選択を外すと、 「A」は表示される。 自分がしたいのは、上記の参考サイトのように初めから「A」を表示させていたいのです。 どうすればいいのでしょうか？ 分かる方いらっしゃたら是非教えて下さい！

  • Javascriptによるフォームの選択表示について教えてください。

    Javascriptによるフォームの選択表示について教えてください。 概要としてはカートCGIのお客様情報入力欄のカスタマイズを行なっています。 別の場所への発送を希望される場合において(1)、(2)、(3)のラジオボタンを作り、それぞれ選択によって該当のフォームを表示するところまではできました。 問題は、(1)→１箇所、(2)→３箇所、(3)→５箇所とフォームを作ったところ、入力ページが表示された時点で(1)(2)(3)全ての表示がされた状態で表示されます。 ちなみに、その際にラジオボタンを選択すると(1)(2)(3)それぞれに対応したフォームが表示され切り替わります。 実際にやりたいことは、ページが表示された時点で(1)のフォームのみ表示されるようにし、(2)(3)とラジオボタンを選択された際にそこで初めて(2)(3)のそれぞれのフォームを表示したいと思っています。 以下はソースです。 ■Javascript <script type="text/javascript"> function func1() { document.getElementById("sele1").style.display="inline"; document.getElementById("sele1").disabled=false; document.getElementById("sele2").style.display="none"; document.getElementById("sele2").disabled=true; document.getElementById("sele3").style.display="none"; document.getElementById("sele3").disabled=true; } function func2() { document.getElementById("sele1").style.display="none"; document.getElementById("sele1").disabled=true; document.getElementById("sele2").style.display="inline"; document.getElementById("sele2").disabled=false; document.getElementById("sele3").style.display="none"; document.getElementById("sele3").disabled=true; } function func3() { document.getElementById("sele1").style.display="none"; document.getElementById("sele1").disabled=true; document.getElementById("sele2").style.display="none"; document.getElementById("sele2").disabled=true; document.getElementById("sele3").style.display="inline"; document.getElementById("sele3").disabled=false; } </script> ■CGI(HTML)側 <form action="xxx"> <table border=0 cellpadding=5 cellspacing=2 width=500> <p>発送先が２箇所以上の場合はこちらから選択ください。 <input type="radio" value="1" onclick="func1('block')" />１箇所</label> <input type="radio" value="2" onclick="func2('none')" />２箇所</label> <input type="radio" value="3" onclick="func3('none')" />５箇所</label> </p> </table> <table id="sele1"> </table> <table id="sele2"> </table> <table id="sele3"> </table> </form> table内容は省略しています。 説明が下手ですがどうかご教授ください。宜しくお願いします。

  • スマホのフォームでのselect複数選択の表示

    SPページでフォームを作っており、以下のソースのように、 selectで複数選択させたいと考えています。 --------------------------------------------------------------------------------------------------- <select name="" id="" multiple="multiple"> <option value="">ここから選択してください（複数選択可）</option> <option value="1">1枚</option> <option value="2">2枚</option> <option value="3">3枚</option> <option value="4">4枚</option> </select> --------------------------------------------------------------------------------------------------- 複数選択はできるのですが、iphoneで確認すると デフォルトのボタンの表示が「0　Items」と表示されます。 それをタップすると下にプルダウンが表示される形です。 このデフォルトの表示を「ここから選択してください（複数選択可）」 に変えたいのですが、初心者で調べてもわかりませんでした・・・。 誰かお知恵を貸して頂ければ幸いです。 よろしくお願い致します。

  • リストボックスの選択状態により、フォームアイテムの表示を変えたいのですが

    たとえば、リストボックスで最初のものが選択されたら、 同じフォームにあるテキストボックスを表示させ、 リストボックスの２番目ならテキストボックスを非表示にする・・・ といった処理はできるでしょうか？ なにぶん初心者なので、わかりにくいかもしれませんが 似たような処理の例でもかまいません。よろしくお願いいたします。

  • 【お問い合わせフォーム】プルダウン選択で、フォームの内容を変更したい

    【お問い合わせフォーム】プルダウン選択で、フォームの内容を変更したい お世話になります。 ある商品に関するお問い合わせフォームを制作していて、 プルダウンで「商品名」を選択したあとに、フォーム内容を変えたいと思っているのですが、 いろんなサイトを見て勉強してみましたが、方法がわからなくて困っています。 JavaScript、Jquery、PHPなど、変更できれば種類は問いません。 例を挙げますと、 【プルダウン選択】商品A　を選んだとき 【フォームの内容】テキストフィールド：氏名、住所、電話、お問い合わせ内容　　ラジオボタン：性別 【プルダウン選択】商品B　を選んだとき 【フォームの内容】テキストフィールド：氏名、ふりがな、住所、Eメール、お問い合わせ内容　　チェックボックス：固定電話、携帯電話 というように、プルダウンで選んだ項目に対して、それ以降の項目を変更させたいです。 設置時の希望として、 新たなページにジャンプするにしても、inframeを使って、あたかも同じページ内で完結し、ページ移動していないように見せたいです。 また、後の更新を考えて、なるべくシンプルなディレクトリ構成ができれば嬉しいです。 サーバは、cgi、php、javascriptが使えます。Jqueryはまだ試したことがありません。 どうぞよろしくお願いいたします。

  • フォームに表示される文字をセンタリングさせたい。

    Javascriptの初心者です。宜しくお願いします。 テキストエリアが2つあったとします。 1のテキストエリアにある値を入力してボタンを押すと、 2のテキストエリアに1で入力した値をそのまま表示させ、 尚且つ表示された値をフォーム内でセンタリングさせたいのですが どうすればよいのかわかりません・・・。 ご存知の方がいらっしゃいましたら教えて下さい。 どうぞ宜しくお願い致します。 <html> <head> <script language="JavaScript"> <!-- function my1() { a=document.form1.text1.value; document.form1.text2.value=a; } //--> </script> </head> <body> <form name="form1"> <input type="texterea" name="text1"> <input type="texterea" name="text2"> <input type="button" value="CLICK!" onClick="my1()"> </form> </body> </html>

  • HTMLセレクトメニューの選択状態変更

    Javascriptで、HTMLの選択状態を変更するにはどうしたらよいか、お分かりになる方がいましたら教えていただければと思います。 下記の例でいくと、AからBにページを更新せずに変更（表示も）したいのです。 <select> <option value="1" selected>A</option> <option value="2">B</option> </select>

  • 同じテンプレでフォームを表示

    perl勉強中です HTMLフォーム(cgiのテンプレ)からtest.cgiに送信してmysqlにテキストを登録や取得はできました 1つのtexteraが長いため表示を1ページにtextera一つにしています カラム10まで同じテンプレで登録するのにフォームの切り替えをすることはできますか？ test.html（HTMLのフォームのテンプレ）を10個も作るのは効率が悪いきがします 繰り返し処理でやりたいのですが素人なのでピンときません、部分的でもいいのでお願いします mysqlのカラムは作ってあるものとします 例えば、htmlページの<input type=submit value="カラム2">をクリックするとtest.cgiに送信されて、もう一度、同じフォームのページを表示、しかし、カラム2への登録フォームになっているみたいな感じです

    • ベストアンサー
    • Perl
  • フォームを送信して選択股をそのままにしたい

    フォームを送信してそのフォームで選択した内容を フォームの下の部分に表示するようなプログラムを作りたいのですが 送信するとフォームの選択内容が戻ってしまいます。 選択を保持して表示するにはどうしたらよいですか？ 路線情報の検索みたいな感じにしたいということです。 ****self.php**** <html> <head></head> <body> <form action='self.php' method=get> <select name='num' id='num'> <option name='5' value='5'>5</option> <option name='7' value='7'>7</option> </select> <br><input type=submit value='送信'> <form> <script language="javascript"> document.open(); document.write(<?php print $_GET["num"]; ?>); document.close(); </script> </body> </html>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する