• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:テキストフォームへの値セット)

テキストフォームへの値セット

このQ&Aのポイント
  • テキストフォームへの値セットについての質問です。
  • 特定のコンタクトフォームのDemoボタンを押すと、自動的にSubjectに指定した値が挿入される方法について知りたいです。
  • HTMLチェッカで同じnameが複数回出てくるエラーが発生する場合の解決策についても教えてください。

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

  • ベストアンサー
  • agunuz
  • ベストアンサー率65% (288/438)
回答No.1

たとえば「件名」に初期値をセットしたければ、data/contact.phpの47行目のinput要素 <input type='text' id='contact-subject' class='contact-input' name='subject' value='' tabindex='1003' />"; のvalue属性に記述すれば反映されます。なので同様にこのあたりでinput要素を書き出してやれば(変数 $output へ追記すれば)いいハズです。 name属性値は、mysubj[] もしくは mysubj[$i] のようにすればいいと思いますが・・・

litton101
質問者

お礼

agunuzさん、いつもご教示ありがとうございます。 御礼が遅くなって失礼しました。 > value属性に記述すれば反映されます。なので同様にこのあたりでinput要素を書き出してやれば(変数 $output へ追記すれば)いいハズです。 はい、仰せのとおりであることは承知しているのですが、 (1) contact/index.html の28行目を <input type='button' name='contact' value='Demo' class='contact demo'/> <input type='hidden' name='mysubjt' value='件名件名件名件名件名' class='contact demo'/><!--この行を追加--> (2) data/contact.php の47行目のvalueを <input type='text' id='contact-subject' class='contact-input' name='subject' value='$mysubjt' tabindex='1003' />"; としても、挿入されません。 (1) を<form method="post" action="data/contact.php">などでくくって、 (2) のvalueを value='$_POST["mysubject"]'とかにしなければだめでしょうか? もともとのサンプルにformは使われていないので、なるべくformなど使わず少ない加筆でcontact.php の47行目のvalueを加えられると良いのですが・・・ それから、 > name属性値は、mysubj[] もしくは mysubj[$i] のようにすればいいと思いますが・・・ こちらの件もありがとうございます。 name属性は、mysubj[] とすることで解決しました! 実は、nameだけでなく、id属性も重複があると文法チェッカ怒られてまして、(id='contact-form'がないとポップアップでコンタクトフォームが動作しないようです)、 idの方は[]を加筆してしまうと動かなくなるようです、良い対策ありますでしょうか? <div id='contact-form'> <input type='button' name='contact[]' value='Demo' class='contact demo'/> </div> <div style='display:none'> <img src='img/contact/loading.gif' alt='' /> </div>

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • ボタン別でフォームの送信先を変えたい

    同じ場所に3つある今のフォームを1つにまとめたいのですが、 「ラジオボタン」でやるのではなく「submitボタン」によって送信先の振り分けはできないのでしょうか? CGIなどを使って一旦クッションを置くのは問題ないです。何か参考になるサイトさんとかありましたら教えてください。 <form action="1.php" method="get" class="form" target="a" name="1"> <input type="hidden" name="s" value=90 /> <input type="hidden" name="t" value="e" /> <input type="text" name="moji" value="" size="8" /> <input type="submit" name="button" value="検索" /> </form> <form action="http://e.php" method="get" name="2" target="a"> <input type="hidden" name="test" value=et /> <input type="text" name="77" value="" size="8" /> <input type="submit" value="検索2" class="button" /> </form> <form action="http://8.cgi" method="get" target="a"> <input type="text" size="8" name="q" value="" /> <input type="submit" value="検索3" class="button" /> <input type="hidden" name="sut" value="JJ" /> </form>

    • ベストアンサー
    • CGI
  • テキストから要素を抜き出してフォームで送信したい。

    <body> <form action="xxx.cgi" method="post"> <input type="hidden" name="n" value="v"> <table> <tr id="hoge_a"> <td>AAA</td> </tr> <tr id="hoge_b"> <td>BBB</td> </tr> </table> <input type="submit" name="submit"> </form> </body> というHTMLの中で、AAAを抜き出してフォームと一緒にpostでサブミットしたいのですが、javascriptで出来ますでしょうか。 よろしくおねがいします。

  • フォームボタンをリンク風に表示

    <form action="mailto:"> <input type="hidden" name="subject" value="{subject}"> <input type="hidden" name="body" value="{body}"> <input type="submit" value="メール送信"> </form><br> メーラが立ち上がると、ディフォルトで件名と本文が入るようにしています。しかし、ブラウザー上でフォームの「ボタン」表示ではなく、「リンク」のような表示にしたいのですが何か方法はあるのでしょうか? <a href="mailto:"> これだと、ディフォルトでの表示ができなくなるし。

    • ベストアンサー
    • HTML
  • HTML5メールフォームの作り方

    お世話になります。HTML5のテンプレートを使用してメールフォームを作成しようとしておりますが、なかなかうまくいきません。action=""にメールアドレスを入れてみましたが、できませんでした。どなたかお分かりの方いらっしゃいましたら、どうかよろしくお願い致します。 <form id="contact" action="contact.html" method="post"> <div class="form_settings"> <p><span>Name</span><input class="contact" type="text" name="your_name" value="" /></p> <p><span>Email Address</span><input class="contact" type="text" name="your_email" value="" /></p> <p><span>Message</span><textarea class="contact textarea" rows="5" cols="50" name="your_message"></textarea></p> <p style="padding-top: 15px"><span>&nbsp;</span><input class="submit" type="submit" name="contact_submitted" value="send" /></p> </div> </form>

    • ベストアンサー
    • HTML
  • for文でpostの値を受け取る方法

    以下のようなコードで、postで投げられた値を、for文で、添え字を組み立てて受け取って表示したいのですが、添え字の生成が間違っているのか、うまくいきません。 何を修正すればよいか教えてください。 <form action="" method="post"> <input type="hidden" value="A" name="name_0"> <input type="hidden" value="B" name="name_1"> <input type="hidden" value="C" name="name_2"> <input type="hidden" value="D" name="name_3"> <input type="submit"> </form> <?php for($i =0; $i < 4; $i++){ if (!empty($_POST['name_$i'])) { print $_POST['name_$i']; } } ?>

    • ベストアンサー
    • PHP
  • fileUploadオブジェクトへの値の代入 (困っています。教えてください。m(__)m)

    こんばんは。 fileUploadオブジェクトへの値の代入がどうにもこうにもできません。 いったいどうしたらいいのでしょうか?どうか助けてください。 よろしくお願いいたします。m(__)m -- <HTML><BODY> <FORM NAME="myFormF"> <INPUT TYPE="file" NAME="myFile"> <INPUT TYPE="button" value="set FILEFILE -> file" onClick="document.myFormF.myFile.value='FILEFILE'"> <INPUT TYPE="submit" onClick="alert(document.myFormF.myFile.value)"> </FORM> <FORM NAME="myFormT"> <INPUT TYPE="text" NAME="myText"> <INPUT TYPE="button" value="set TEXTTEXT -> text" onClick="document.myFormT.myText.value='TEXTTEXT'"> <INPUT TYPE="submit" onClick="alert(document.myFormT.myText.value)"> </FORM> </BODY></HTML> -- key: fileUpload object,ファイルアップロードオブジェクト,WSH,javascript

  • JSP内での配列の値取得方法。

    こんにちは。 -------- (略) <SCRIPT LANGUAGE="JavaScript" > function NextPage(no){ with( document.frm1 ) { hidNO.value = no; hidPlanId.value = 「ここに配列から取得した値を表示したい」; action = "Next.jsp"; submit(); } (略) <FORM name="frm1"> <% for(int i=0; i<(DBより取得した配列).length; i++) { ROW(HashMap継承の配列クラス) row = rows[i]; %> <INPUT TYPE="hidden" ID="hidKey" NAME="hidKey" VALUE="<%= i番目の値(1)%>" > <INPUT TYPE="hidden" ID="hidKey" NAME="hidKey" VALUE="<%= i番目の値(2)%>" > <TD><INPUT TYPE="button" NAME="btnDet<%= i %>" VALUE="詳細表示" onClick="NextPage('<%= i %>');" > </TD> <% } %> </FORM> ******* 上記のhidkeyのvalue値をJavaScript内でi番目の値を 取得するにはどのように記載したらよいのでしょうか・・・。 他のクラス等を使っているため、うまくコードが表現 できていないかもしれませんが、 もしこれでわかった方、ぜひ教えてください。

    • ベストアンサー
    • Java
  • メールフォーム作り方

    ブログ初心者です。 メールフォームを↓のように入力しました。 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 <form action="mailto:自分のメールアドレス@yahoo.co.jp" method="post"> <p class="plugin-mail" &align> 名前: <input type="text" size="10" name="formmail[name]" value="" maxlength="100" style="width:90%;" /><br /> メール:<input type="text" size="10" name="formmail[mail]" value="" maxlength="150" style="width:90%;" /><br /> 件名: <input type="text" size="10" name="formmail[title]" value="" maxlength="150" style="width:90%;" /><br /> 本文:<br /> <textarea name="formmail[body]" cols="10" rows="6" style="width:90%;"></textarea> <input type="submit" value=" 確認 " /> <input type="hidden" name="mode" value="formmail" /> <input type="hidden" name="formmail[no]" value="&formno" /> </p> </form> 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 ↑のように入力しして、記事の画面からテストとして自分で入力して、「確認」ボタンをクリックすると ↓ プロファイルが作成されていません。コントロールパネル[メール]アイコンを選択して、新しいプロファイルを作成してください。 ↑ と文章が表示されてしまいます。 ●コントロールパネルとは? ●メールアイコンはどこにあるのか? ●プロファイルとは? そして、 名前 「       」 メール 「       」 件名 「       」 ●↑メールの右横の入力スペースだけ右に幅が広くなります。 名前・メール・件名 共 右端を揃えたいのですが方法がわかりません。 ブログの会社は、HTML関係について質問しても、お答え頂ける範囲外のようなので・・・ どなたか教えて下さい。 どうぞよろしくお願い致します。

  • ボタンを押下するとテキストフォームの値をクリップボードに送るJS

    ボタンを押下するとテキストフォームの値をクリップボードに送るJS 以下のテキストフォームの脇にあるボタンを押すと、「テキストフォームの値+.jpg」のをクリップボードにコピーするJSをご教示ください。 たとえば、一行目のボタンを押下すると、「鳩山.jpg」という文字列がクリップボードに送られるイメージです。 よろしくお願い致します。 <html> <head> <script> //--> </script> </head> <body> <form action="xxxxx" method="post"> <table border="1"> <tr> <td>1</td> <td><input name="mytext[]" value="鳩山"></td> <td><input type="button" name="Copy" value="コピー"></td> </tr> <tr> <td>2</td> <td><input name="mytext[]" value="小沢"></td> <td><input type="button" name="Copy" value="コピー"></td> </tr> <tr> <td>3</td> <td><input name="mytext[]" value="平野"></td> <td><input type="button" name="Copy" value="コピー"></td> </tr> <tr> <td>4</td> <td><input name="mytext[]" value="管"></td> <td><input type="button" name="Copy" value="コピー"></td> </tr> </table> </form> </body> </html>

  • FC2掲示板をトピック一覧表示型にカスタムするには

    FC2の掲示板をカスタムしようと考えています。 テンプレート設定で自作のHTMLソースを使いたいと思っていますが、 スレッド型(http://bbs01.bbs.fc2.com/)ではなくトピック一覧表示型(http://bbs02.bbs.fc2.com/)にカスタムしたいのですが、記事表示部のHTMLソースの記入がわかりません。ご存知の方がいらっしゃいましたら、ご教授お願いします。 【変更前(スレッド型)HTML】 <!--thread_area--> <!--記事表示部--> <div class="thread_wrapper"> <!--parent_area--> <div class="parent_article"> <div> <span class="title"><%p_article_title></span> - <%p_article_name> <!--email_area--><a href="mailto:<%p_article_email>">E-mail</a><!--/email_area--> <!--site_area--><a href="<%p_article_site>">Site</a><!--/site_area--> <!--new_area--><img src="<%setting_newimage>"><!--/new_area--> </div> <div class="date"><%p_article_date></div> <div class="contents"> <!--icon_area--> <div><img src="<%p_article_icon_url>" /></div> <!--/icon_area--> <div class="body" style="color:<%p_article_color>;"><%p_article_body></div> <!--image_area--> <!--with_thumbnail--><a href="<%fullimage_url>"><img src="<%thumbnail_url>" class="userimage" /></a><!--/with_thumbnail--> <!--without_thumbnail--><img src="<%fullimage_url>" class="userimage" /><!--/without_thumbnail--> <!--/image_area--> </div> <div class="panel"> <form action="<%form_action>" method="POST"> <input type="hidden" name="act" value="reply" /><input type="hidden" name="tid" value="<%tid>" /><input class="button" type="submit" value="返信" /> </form> <form action="<%form_action>" method="POST"> <input type="hidden" name="act" value="edel" /><input type="hidden" name="sub_act" value="edit_form" /><input type="hidden" name="mid" value="<%mid>" /><input class="button" type="submit" value="編集" /> </form> <form action="<%form_action>" method="POST"> <input type="hidden" name="act" value="edel" /><input type="hidden" name="sub_act" value="delete" /><input type="hidden" name="mid" value="<%mid>" /><input type="hidden" name="tid" value="<%tid>" /><input class="button" type="submit" value="削除" /> </form> </div> </div> <!--/parent_area--> <!--children_area--> <div class="child_article"> <div> <span class="title"><%c_article_title></span> - <%c_article_name> <!--email_area--><a href="mailto:<%c_article_email>">E-mail</a><!--/email_area--> <!--site_area--><a href="<%c_article_site>">Site</a><!--/site_area--> </div> <div class="date"><%c_article_date></div> <div class="contents"> <!--icon_area--> <div><img src="<%c_article_icon_url>" /></div> <!--/icon_area--> <div class="body" style="color:<%c_article_color>;"><%c_article_body></div> <!--image_area--> <!--with_thumbnail--><a href="<%fullimage_url>"><img src="<%thumbnail_url>" class="userimage" /></a><!--/with_thumbnail--> <!--without_thumbnail--><img src="<%fullimage_url>" class="userimage" /><!--/without_thumbnail--> <!--/image_area--> </div> <div class="panel"> <form action="<%form_action>" method="POST"> <input type="hidden" name="act" value="edel" /><input type="hidden" name="sub_act" value="edit_form" /><input type="hidden" name="mid" value="<%mid>" /><input class="button" type="submit" value="編集" /> </form> <form action="<%form_action>" method="POST"> <input type="hidden" name="act" value="edel" /><input type="hidden" name="sub_act" value="delete" /><input type="hidden" name="mid" value="<%mid>" /><input type="hidden" name="tid" value="<%tid>" /><input class="button" type="submit" value="削除" /> </form> </div> </div> <!--/children_area--> </div> <!--/記事表示部--> <!--/thread_area-->