• ベストアンサー

セレクト&入力フォーム

フォームを作成するときに、 セレクトメニューのように 横の矢印をクリックすると選択肢が表示されるが、 領域内をクリックすると自由に文字列を入力できる、 というようなフォームを作ることは可能でしょうか? よろしくお願いします。

  • HTML
  • 回答数1
  • ありがとう数0

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

  • ベストアンサー
  • inu2
  • ベストアンサー率33% (1229/3720)
回答No.1

HTMLだけでは無理です JavaScriptでコントロールすれば可能でしょう。

関連するQ&A

  • セレクトメニューについて

    HTMLでフォームを作っています。 セレクトメニュー(クリックするとメニューが出てきて一つ選ぶやつ)がいくらかあります。 前のセレクトメニューの選ばれたものによって、次のセレクトメニューの選択肢を変更するにはどうすればよいのでしょうか? cgiの実行も可能です。 御願いします。

    • ベストアンサー
    • HTML
  • セレクトメニューに文字列をセットする方法

    JavaScriptを勉強し始めてまだ1ヵ月の初心者です。 どうしても分からず先に進めません。どうか、教えて下さい。 よろしくお願い致します。 下記の文字列を配列や連想配列などを使用して、二段構えのセレクトメニューを作成したいのです。 ちなみに、PHPでHIDDENを使用して文字列をセットしています。 A0,0001,あああ,A0,0002,いいい,B0,1111,かかか, B0,1112,ききき,B0,1113,くくく,C0,1500,さささ… このような文字列を使用し、「A0,0001,あああ」が1レコードのイメージです。 一つ目のセレクトメニューで、頭のA0,B0,C0…を選択し、さらに二つ目のセレクトメニューでは、 一つ目で選択したものによって選択されたものの後半部分がそれぞれメニューに表示されるようにしたいのです。 自分なりにいろんなサイトや書籍で調べてみたのですが、分かりませんでした。 質問の内容も分かり難いかと思いますが、どうぞ宜しくお願い致します。

  • 入力フォームとプルダウンメニューに関して

    入力フォームとプルダウンメニューを重ねて表示し、入力フォームを上部に表示したいのですが、自分で試してみるとプルダウンメニューが入力フォームの上部に表示されてしまいます。 入力フォームを上部に表示したいのですが、 やり方がわかりません。教えて下さい。 よろしくお願いします。 <html> <head> <title></title> //CSSの定義 <style type="text/css"> <!-- span{ position:relative; left:70px; } --> </style> </head> <body> <span> //入力フォーム <input type="text" name="input" size="10" maxlength="1"> </span> //プルダウンメニュー <select> <option></option> <option>あああ</option> <option>いいい</option> <option>ううう</option> <option>えええ</option> <option>おおお</option> </select> </body> </html>

  • テキスト・セレクトフォームにて何も入力されていない状態ではフォームの色を変えるためには

     Rubyを使用して掲示板のシステムを作成しています。 必須項目 <input type="text" name="textfield"><br> 任意項目 <input type="text" name="textfield2"><br> 必須項目 <input type="text" name="textfield3"><br> 必須項目 <textarea name="textarea"></textarea><br> 必須項目 <select name="select"></select> と複数のテキストフォームとセレクトフォームがあり,その一部が必須項目です。そこで必須項目と分かるようにフォームの入力部分を赤く塗り,何か文字が入力されたら(何か選ばれたら),元の白の状態にしたいと考えています。  このようなことは実際可能なので使用か。ご教授お願いします。

    • ベストアンサー
    • 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> <実行結果> 1.「form.html」にアクセスした時に「A」は表示されていない。 2.フォームの中をクリックして選択した後、再び選択を外すと、 「A」は表示される。 自分がしたいのは、上記の参考サイトのように初めから「A」を表示させていたいのです。 どうすればいいのでしょうか? 分かる方いらっしゃたら是非教えて下さい!

  • フォーム入力

    お世話になります。 現在PHPをUTF-8で作成しております。 UTF-8で作成したPHP(HTML)のフォームより日本語を入力してsubmitしたとき、入力値を何も加工せずに$_POST['inputのname']で表示するときちんと文字化けせずにUTF-8で表示されているようです。 この場合、mb_encoding の関数を使用する必要はありませんよね?? また、 入力値をhtmlentities($入力値,ENT_QUOTES,'UTF-8')としてみて、このままだと日本語が入力された場合表示する文字列は文字化けしてしまうので、表示する前にhtml_entity_decode($入力値)でデコードしています。 この場合だとhtmlentitiesは特に使用する必要はないのでしょうか? エンコード→なんらかの処理→デコードとしているのですが、なんとなく必要ない気もしてきてしまいました。 文字コードについては自分なりに勉強したつもりですが、PHP内部でどのような処理が行われるかなどはよく理解できていないので、どうかご教授ください。 よろしくお願いいたしす。

    • ベストアンサー
    • PHP
  • フォームへの未入力を無くしたい

    [やりたいこと(宜しくおねがいします)] フォームの未入力「コンボボックス」と「テキストボックス」を事前に把握したい。 [(やりたいこと)の実現と希望] このサイトでアドバイスを頂きまして、長年に渡り作成できたデータベースが「68」、入力するフォームは「78」を超えます。現状「フォーム」の構成を生かす方法を含めアドバイスをお願いします。 [入力するフォームに共通していること] 1,コンボボックスとテキストボックス  ・全てのコンボボックスへの選択入力は必須になっている。  ・テキストボックスは未入力箇所も発生する。「未入力箇所は不特定」 2,フォームに共通して配している2つのコマンドボタン  ・フォームを閉じるボタン「マクロ(クリック時)」  ・情報の最新化ボタン「マクロ(クリック時)」   ※コンボボックスの選択項目追加時に反映用として配置 以上ですが、宜しくお願いします。

  • access2007 情報入力フォームの作成につい

    メインメニューのレイアウトで、情報入力ボタンと印刷ボタンを設定してあります。 情報入力ボタンをクリックすると「担当・顧客選択メニュー」に移ります。 「担当・顧客選択メニュー」の構成は 担当営業の選択 → コンボボックス 顧客情報(概要) → サブフォーム(担当営業コードで連結) となっており、担当営業を選択すると担当顧客がサブフォームに表示される 様になっています。 サブフォーム上の顧客番号をダブルクリックすると 「顧客情報入力フォーム」の同一顧客番号の情報へと移動し、顧客情報の 追加や編集がでいる様になっています。 今まで、直接「顧客情報入力フォーム」をあけると、画面下のレコード移動ボタンが 1/XXXXとなり、全顧客数と表示されている顧客が何番目の顧客であるかが 表示されていました。 今回、「担当・顧客選択メニュー」から上記の方法で「顧客情報入力フォーム」を 開けるとレコード移動ボタンの表示が1/1となり、その右にフィルタ適用と表示 されます。これの理屈は理解できるのですが、レコード移動ボタンを押すと 2/2となり、真白なブランクフォームが表示されてしまいます。 また、「担当・顧客選択メニュー」からダブルクリックで「顧客情報入力フォーム」へ 移動すると、同一顧客番号で移動しているはずが顧客番号がブランクの画面が 表示されてしまいます。「戻る」ボタンで再度同じ事をやると、今度はちゃんと 表示されます。 これがなぜそうなってしまうのか全くわかりません。 フィルタがかかっている状態で2/2となるのはなぜなのか、 ダブルクリックで同一顧客番号へ移動するはずが顧客番号なしのブランクフォームが 表示されるのはなぜなのか? お心当たりのある方、改善策のヒントを頂ければと思っております。 宜しくお願い致します。

  • Accessのフォームで

    Accessで2つほど質問いたします。 (1)テーブルにフィールドを追加したのですがフォーム上でそのフィールドが追加できません(プロパティで選択できない)、多分クエリーを経由してフォームを作成したのですが、どのクエリーだかわからなくなってしまいました、参照しているクエリーがどれなのかを調べる方法を教えてください。 (2)検索フォームを作成して入力した文字を含む検索をしたいのですが どのようにしたら良いのでしょうか、今は入力の文字列の最初と最後に「 * 」を入力して検索しています。

  • PHP 入力フォームにあらかじめ文字を入れておく

    PHPプログラミングをしております。 入力フォームを作成しているのですが、前のページで入力し、受け取った内容をもう一度表示させたいのです。 入力フォームにあらかじめ文字を入れておくのは、フォームタグに value="文字" をつけたせば良いのはわかったのですが、 今回文字を$text = $_POST['name']; という形で受け取っています。 入力フォームにあらかじめこの受け取った$text を表示させるにはどうすれば良いのでしょうか。

    • ベストアンサー
    • PHP

専門家に質問してみよう