下記URLような、質問内容を選択すると、それに応じたフォームが出てくる方法を教えて下さい。
http://www.apple.com/jp/privacy/contact/
PHPでお問い合わせフォームをつくることはできるのですが、
どうすれば上記のフォームのようにできるのかわかりません。
選択したあとのフォームの出方も、ページが切り替わるのではなく、
選択リストの下にお洒落な感じで出現するようにしたいです。
(上記のappleのフォームと同じ感じ)
jqueryを探してみたのですが、検索方法が悪いのか見つかりませんでした。
似たような動きをするjqueryがあれば、是非教えて頂きたいです。
無知で申しわけないのですが、どなたかご教授お願い致します。
No.1ベストアンサー
- 回答日時:
HTMLソースを見れば、だいたい分かるかと思いますが、HTMLには初めから全てのフォームが書かれており、スタイルシートで display:none; に設定されています。
プルダウンメーニューから質問項目を選択すると、該当するフォーム部分のブロックを display:block; に変更することで切替えています。
フォームの出し方は、jQueryを使うなら、fadeIn(); fadeOut(); で実現できると思います。
質問はPHPカテゴリーじゃなくてJavaScriptカテゴリーの方で質問する方がいいかもしれませんね。
ご回答いただき、ありがとうございます。
appleのHTMLを見て作ってみたところ思った通りにすることができました。
display:none; というやり方があると知りませんでした;;
大変勉強になりました。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ラジオボタンによるフォームの開閉を行いたい 3 2022/03/31 21:30
- その他(プログラミング・Web制作) google formsで回答者をスプレッドシートに記載する方法 1 2023/06/23 11:22
- その他(ソフトウェア) YahooのIDがロックされてしまいました 1 2022/11/25 19:49
- Access(アクセス) Accessフォーム 一部のレコードだけを抽出する方法について 1 2022/06/28 18:45
- Chrome(クローム) 入力フォームの履歴を消したい 2 2023/06/29 13:02
- docomo(ドコモ) ドコモオンラインショップに詳しい方!! 大変困っています。 充電器を購入しましたが、不良品でした。お 3 2023/06/28 20:13
- Access(アクセス) Access 登録ボタンからサブフォームの更新 1 2022/07/22 10:23
- PHP Content-Typeが機能していない? 2 2022/07/17 11:10
- Google Drive Googleフォームについて(至急) 2 2022/06/28 21:45
- Visual Basic(VBA) ユーザーフォーム「frm_基本❶」を立ち上げると新規で入力する行数を右下のNoとして表示しています。 1 2023/03/16 19:02
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlからbatファイルを起動する
-
MW WP Form 確認画面の遷移に...
-
docomoのsimロック解除について
-
php 確認表示画面で値をSESSION...
-
大学の出欠確認でQRコードを読...
-
ページ移動した場合の、フォー...
-
アイフォン使ってたらちょくち...
-
メールフォームの確認画面が表...
-
vb6で画面コピーで不具合対応方法
-
ワードプレスプラグイン MW WP ...
-
メール送信フォームとhistory.b...
-
掲示板のセキュリティについて...
-
値だけ送信してページは遷移さ...
-
ビジネスメールの敬称
-
テキストボックスの番号を使っ...
-
教えて!全角文字「μ」の半角
-
エクセルVBA テキストボックス...
-
初歩的な事だと思います。 Sub...
-
数字以外の入力をエラーにする...
-
DATE型変数を初期化する方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
php 確認表示画面で値をSESSION...
-
ワードプレスプラグイン MW WP ...
-
掲示板のセキュリティについて...
-
htmlからbatファイルを起動する
-
アイフォン使ってたらちょくち...
-
WordPressで画面還移なしの掲示...
-
ページ移動した場合の、フォー...
-
非同期通信で掲示板を作る際の...
-
ヤフージャパンへの問合せ 「次...
-
メール送信フォームとhistory.b...
-
大学の出欠確認でQRコードを読...
-
子画面から親画面に値を返す方法
-
戻ると入力したフォームの内容...
-
ブラウザの「戻る」ボタンを押...
-
メールフォームに添付ファイル...
-
VB2005 複数のフォームを同時...
-
入力フォームの確認画面からの...
-
docomoのsimロック解除について
-
accessでフォームを希望の入力...
-
値だけ送信してページは遷移さ...
おすすめ情報