お問い合わせフォームの作成方法について

このQ&Aのポイント
  • お問い合わせフォームの作成方法についてお伺いします。お問い合わせフォームを作成する際に、都道府県を選択できるようにしたい場合、どのような記述方法を使用すれば良いのでしょうか?
  • お問い合わせフォームの記述方法について教えてください。特に、都道府県を選択する欄を作成したいのですが、ご指導いただけますか?
  • お問い合わせフォームの作成について質問があります。都道府県を選択できる欄を追加したいのですが、どのように記述すれば良いのでしょうか?
回答を見る
  • ベストアンサー

お問い合わせフォームの記述方法について

よろしくお願いします。 以下のようにお問い合わせフォームを作成しました。 <form> <p>・名前<br /> <input type="text" name="お名前" size="40" /> </p> <p>・メールアドレス<br /> <input type="text" name="email" size="40" style="ime-mode:disabled" /> </p> <p>・郵便番号<br /> <input type="text" name="郵便番号" size="10" style="ime-mode:disabled" /> </p> <p>・住所<br /> <input type="text" name="住所" size="40" /> </p> </form> 上記の住所の欄に、都道府県を選択出来るようにしたいのですが この様な場合、どういった記述方法が必要なのでしょうか? 書籍を見てみたのですが、複数選択できる案内は記載されていなく 方法が分からずに困っております。 どなた様か、ご指導の程よろしくお願いします。

  • pcckit
  • お礼率76% (472/621)
  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • sykt1217
  • ベストアンサー率34% (277/798)
回答No.1

>上記の住所の欄に、都道府県を選択出来るようにしたいのですが セレクトボックスを使う、といった感じでしょうか? <select name="cboAddress" size="1"> <option value="1" selected="selected">--選択してください--</option> <option value="2">北海道</option> <option value="3">青森</option> <option value="4">千葉</option> <option value="5">東京</option> <option value="6">大阪</option> <option value="7">京都</option> </select> select要素のsizeを変えてプルダウンの表示数を変更、multiple属性を追記することで複数選択できます。 複数選択という意味がちょっとわかりにくいですが・・・そういうことですかね? http://www.tagindex.com/html_tag/form/select.html

pcckit
質問者

お礼

ありがとう御座いました。 お陰さまで問題が解決できました。 今回のご質問で、説明不足がありました事、深くお詫び申し上げます。 この度は、ありがとう御座いました。

関連するQ&A

  • メールフォームの必須事項設定について

    よろしくお願いします。 以下のようなメールフォームを作成しました。 <form action="../../cgi-bin1/questionform.cgi" method="post"> <p>・名前<br /> <input type="text" name="お名前" size="40" /> </p> <p>・メールアドレス<br /> <input type="text" name="email" size="40" style="ime-mode:disabled" /> </p> <p>・郵便番号<br /> <input type="text" name="郵便番号" size="10" style="ime-mode:disabled" /> </p> <p> <input type="submit" value="登録" /> <input type="reset" value="リセット" /> </p> </form> 上記のメールアドレスとお名前の入力が無いと、送信出来ないように必須事項にしたいのですが、このような場合は、htmlに何らかの記述をすればよいのでしょうか? 全てを必須にするには以下の記述をすれば良いようですが、私が実行したい内容とは少し異なっていたためご質問をさせていただきました。 <input type="hidden" name="space_check" value="on"> どなた様か、ご指導の程よろしくお願いします。

  • フォームの必須事項について

    よろしくお願いします。 以下のようなメールフォームを作成しました。 <form action="../../cgi-bin1/questionform.cgi" method="post"> <p>・名前<br /> <input type="text" name="お名前" size="40" /> </p> <p>・メールアドレス<br /> <input type="text" name="email" size="40" style="ime-mode:disabled" /> </p> <p>・郵便番号<br /> <input type="text" name="郵便番号" size="10" style="ime-mode:disabled" /> </p> <p> <input type="submit" value="登録" /> <input type="reset" value="リセット" /> </p> </form> 上記のメールアドレスとお名前の入力が無いと、送信出来ないように必須事項にしたいのですが、このような場合は、htmlに何らかの記述をすればよいのでしょうか? 全てを必須にするには以下の記述をすれば良いようですが、私が実行したい内容とは少し異なっていたためご質問をさせていただきました。 <input type="hidden" name="space_check" value="on"> そしてどうやら、java スクリプトを使うと良いようですが解説しているサイトを一度拝見したのですが全く分かりませんでした。 どなた様か、ご指導の程よろしくお願いします。

    • ベストアンサー
    • Java
  • java。html。jsp起動はどうすればいいの? 

    java。html。jsp起動はどうすればいいの?  下記の例のとき。 1)登録ボタン、照会ボタンが押されたら任意のjspを起動したいです。 2)jsp起動による処理以外にも もっと良い方法があれば教えてください。 受注N0 <input type=text name=order_no style="ime-mode: disabled;"><br> 受注日 <input type=text name=order_date style="ime-mode: disabled;"><br> 発注者名<input type="text" name="order_date" size="40" maxlength="20" style="ime-mode: active;"><br> 製品名 <input type=text name=order_date style="ime-mode: active;"><br> 受注量 <input type=text name=order_date style="ime-mode: disabled;"><br> </font> <input type=submit value="登録" name=btn1> <input type=reset value="クリア" name=btn2> <input type="button" value="終了" onClick="javascript:window.close();"> <input type=submit value="照会" name=btn4> 以上宜しくお願いします。

    • ベストアンサー
    • Java
  • 指定した文字入力したら自動で送信

    html,php,javascriptで郵便番号から住所を検索する機能を作ってます。 郵便番号を入力して検索をおすと住所が自動で入力されるのはできていて、郵便番号を7文字入力すると検索ボタンをおさないで自動で住所が入力できたりできますか?? ーーーーーーーーーーーーーーーーー <html> <head> <script type="text/javascript" src="postcode/postcode.js"></script> </head> <body style="margin:0px;"> <form name="address" style="margin: 0px;"> <table border="0" cellspacing="10" cellpadding="0"> <tr> <td nowrap>郵便番号</td> <td><input type="text" name="postcode3" style="ime-mode: disabled;"></td> <td><input type="text" name="postcode4" style="ime-mode: disabled;"></td> <td>&nbsp;</td> <td><input type="button" name="GETADDRESS" value="郵便番号から住所を自動入力" onClick="javascript:checkPostcode('address','postcode','city');"></td> </tr> <tr> <td colspan="4" nowrap><input type="text" name="city" style="width: 100%;"></td> </tr> </table> </form> </body> </html>

  • フォームのリンクについて

    nyuryoku.php <form method="POST" action="kakunin.php"> <p> </p> <p><a href="変更フォーム"><img border="0" src="henkou.gif"></a><a href="会社フォーム"><img border="0" src="kaisya.gif"></a></p> <p>変更フォーム</p> <p>名前<input type="text" name="T1" size="20"></p> <p>住所<input type="text" name="T2" size="20"></p> <p>TEL<input type="text" name="T3" size="20"></p>  <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <p>会社フォーム</p> <p>会社名<input type="text" name="T4" size="20"></p> <p>会社住所<input type="text" name="T5" size="20"></p> <p>会社TEL<input type="text" name="T6" size="20"></p> <p> </p> <p><input type="submit" value="送信" name="B1"><input type="reset" value="リセット" name="B2"></p> </form> <form>から</form>の中に変更フォームと会社フォームがあり henkou.gifをクリックすると画面上に変更フォームが現れて、kaisya.gifをクリックすると会社フォームが表れるようにしたいのです。 そして入力された情報は<input type="submit" value="送信" name="B1">で一度に送信できるようにしたいのですが、 henkou.gifとkaisya.gifにどういう風にリンクをはり各フォームだけを表示するにはどうしたらいいでしょうか?

    • ベストアンサー
    • PHP
  • このメールフォームが機能しないのは何故ですか?

    お世話になります。メールフォームを作成してCGIプログラムでメールを送信できるようにしたいと思い、以下のようにhtmlを作成しました。CGIはSYNCK GRAPHICAさんのサイトでお借りして自動返信機能付メールフォームCGIというCGIを使わせてもらいました。?http://www.synck.com/contents/download/cgi-perl/mailform.html レンタルしているサーバはロリポップです。?http://www.lolipop.jp/?mode=manual&state=hp&state2=cgi? CGIでロリポップが指定しているPERLパス・SENDMAILパスを変更してパーミッションも700に設定したのですが、何故かエラーの表示が出て、うまく作動してくれません。郵便番号自動検索機能も正常に機能しません。それでSYNCK GRAPHICAさんにどうして?と聞いたのですが、「http://www.自分のサイトアドレス/mailform.js←ここにファイルが無いためと考えられます。」という返事のみで、「何のファイルがないの?」って感じで全く分かりませんでした。初心者ゆえどこか基本的なことを見落としていると思います、どうか教えてください。 <table> <tr> <td>メールアドレス<span>*</span><p class="form">e-mail address</p></td> <td class="kakikomi"><input type="text" name="email(必須)" style="width: 300px;ime-mode: disabled;" onBlur="keepField(this.form.id)"></td> </tr> <tr> <td>確認用メールアドレス<span>*</span><p class="form">e-mail address</p></td> <td class="kakikomi"><input type="text" name="confirm_email" style="width: 300px;ime-mode: disabled;" onBlur="keepField(this.form.id)"></td> </tr> <tr> <td>お名前<span>*</span><p class="form">your name</p></td> <td class="kakikomi"><input type="text" name="お名前(必須)" style="width: 300px;ime-mode: active;" onBlur="keepField(this.form.id)"></td> </tr> <tr> <td>性別<p class="form">sex</p></td> <td class="kakikomi"><input type="radio" name="性別" value="男" onBlur="keepField(this.form.id)">男 <input type="radio" name="性別" value="女" onBlur="keepField(this.form.id)">女</td> </tr> <tr> <td>電話番号 <p class="form">telephone number</p> </td> <td class="kakikomi"><input type="text" name="電話番号" style="width: 120px;ime-mode: disabled;" onBlur="keepField(this.form.id)"></td> </tr> <tr> <td>郵便番号<p class="form">postcode</p></td> <td class="kakikomi"><input type="text" name="郵便番号" style="width: 60px;ime-mode: disabled;" onBlur="keepField(this.form.id)"> <input type="button" value="〒から住所を自動入力" name="postcode" onClick="javascript:checkPostcode('mailform','郵便番号','住所(必須)');"></td> </tr> <tr> <td>住所<span>*</span><p class="form">address</p></td> <td class="kakikomi"><input type="text" name="住所(必須)" style="width: 300px;ime-mode: active;" onBlur="keepField(this.form.id)"></td> </tr> <tr> <td>ご用件<span>*</span><p class="form">inquiry subject</p></td> <td class="kakikomi"><select name="ご用件(必須)" id="business" onBlur="keepField(this.form.id)"> <option value="" selected>下記の中から必ず選択して下さい</option> <option value="デザイン・印刷のお見積り">デザイン・印刷のお見積り</option> <option value="その他お問い合わせ">その他お問い合わせ</option> </select> </td> </tr> <tr> <td>ご用件<span>*</span><p class="form">inquiry body</p></td> <td class="kakikomi"><textarea name="ご用件(必須)" style="width: 300px;height: 140px;ime-mode: active;" onBlur="keepField(this.form.id)" rows="15" cols="30"></textarea></td> </tr> <tr> <td>送信確認<p class="form">sending confirm</p></td> <td class="kakikomi"><input type="checkbox" name="送信確認(必須)" value="送信チェック済み" onClick="keepField(this.form.id)">上記内容を確認したらチェックを入れてください</td> </tr> <tr> <td></td> <td class="kakikomi"><input type="submit" value="メールを送信する"> <input type="reset" name="reset" value="リセット"><br></td> </tr> <tr> <td></td> <td class="kakikomi"><span>*</span>は必須項目です。</td> </tr> </table> </form>

    • ベストアンサー
    • CGI
  • cgiの記述方法について

    よろしくお願いします。 お問い合わせフォームを作成したくhtmlに以下の記述をしました。 やはり、これではフォームは機能しないようで、form action="../・・ にまだ何かを記述する必要があるようなのですが、書籍を見ても解決出来ずに困っております。 どなた様か、ご指導の程よろしくお願いします。 ご指導いただくにあたり、どこまでの説明が必要なのか分からなかったため、このようなご説明になってしまいましたが、よろしくお願い致します。 【html】 <form action="../cgi-user/questionform.cgi" method="post"> <p>お名前 <br /><input type="text" name="メルマガお名前" size="40" /> </p> <p>メールアドレス <br /><input type="text" name="email" size="40" /> </p> <p> <input type=submit value="登録" /> <input type="reset" value="リセット" /> </p> </form>

    • ベストアンサー
    • CGI
  • 会員登録申請フォームを作成中です

    自分のホームページに、会員登録申請フォームを作成しています。 HTMLの素人の為、下記の内容が正しく機能するか分かりません。 HTMLに詳しい方、すみませんが下記内容をチェックして頂けないでしょうか。 間違い・おかしい・アドバイスなど頂けたらありがたいです。 良しくお願い致します。 会員登録希望の方は下記事項を入力し、送信をお願い致します。 <form action="/送信先" method="post"> お名前 <input type="text" name="fromaddr" size="56"><br> 郵便番号 <input type="text" name="fromaddr" size="56"><br> 住所 <input type="text" name="fromaddr" size="56"><br> 電話番号 <input type="text" name="fromaddr" size="56"><br> お客様のメールアドレス <input type="text" name="fromaddr" size="56"><br> <p>身分証明書となる画像<br /> <input type="file" name="imgfile" accept="image/jpeg,image/gif"> </p> <p> <input type="submit" value="送信"> <input type="hidden" name="nextpage" value="/usr/http://サイトのURL//thanks.html"> </p> </form> <html><head></head> ご登録申請ありがとうございます。<br> 審査にお時間を頂く場合がございます。 登録完了時にはパスワードを発行し、 お客様のメールアドレスへ送信致します。<br> </body>

  • フォームから値を受け取る方法について

    例えば <form method="post" name="frm" action="mail.php">名前<input type="text" name="namae"><br> 住所<input type="text" name="jyuusyo"><br> 電話番号<input type="text" name="denwa"><br> 職業<input type="text" name="syokugyou"><br> 年齢<input type="text" name="nenrei"><br> <input type="submit" value="送信"><br> </form> というフォームがあるとして、それをmail.phpで 名前を取得する場合$_POST['namae']と書く以外で フォームの1番目の値を取得するというような書き方はあるのでしょうか? frmのパラメータの数(上記の場合5コ)というのは取得出来るのでしょうか? ご存知の方教えてください。お願いします。

    • ベストアンサー
    • PHP
  • 複数のフォームから送信

    複数のフォームからtextの値を送信したいのですができますか?〒番号を入力して検索ボタンをおすと住所がでてきて最後に登録をしたいです。検索だけのプログラムはできてますがフォームを二つにすると両方のsubmitが登録になります・・・ 一応自分でいろいろためしましたがだめでした。。。 html,php,javascriptです。 二つともだめでした。。。。 rei1.php ------------------------- <html> <body <form method="POST" action="1.php"> お名前:<input type="text" name="name"> <br> <br> <form method="POST" action="yubin.php"> 〒:<input type="text" name="yubin"> <input type="submit" value="検索"> <br> 住所:<input type="text" name="zyu"> <br> </form> メールアドレス:<input type="text" name="email"> <br> <input type="submit" value="登録する"> </form> </body> </html> -------------------------------------- rei2.php -------------------------------------- <html> <head> <script language="javascript"><!-- function send() { document.nform.submit(); document.nform2.submit(); document.nform3.submit(); } //--></script> </head> <body> <form name="nform" method="POST" action="1.php"> お名前:<input type="text" name="name"> <br> </form> <form name="nform2" method="POST" action="yubin.php"> 〒:<input type="text" name="yubin"> <input type="submit" value="検索"> <br> 住所:<input type="text" name="zyu"> <br> </form> <form name="nform3" method="POST" action="1.php"> メールアドレス:<input type="text" name="email"> <br> <input type="submit" value="登録する"> </form> </body> </html> ------------------------------------

専門家に質問してみよう