フォームボタンをリンク風に表示する方法はある？
- ブラウザ上でフォームのボタン表示ではなく、リンクのような表示にしたい場合、どのような方法があるでしょうか？
- メーラが立ち上がる際に、デフォルトで件名と本文が入るようにするためには、mailtoリンクを使用します。
- ただし、<a>タグを使用した場合には、デフォルトでの表示ができなくなる問題があります。
- ベストアンサー
フォームボタンをリンク風に表示
<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:"> これだと、ディフォルトでの表示ができなくなるし。
- gogovamos
- お礼率8% (9/107)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
それなら下記で大丈夫ですよ <a href="mailto:メ－ルアドレス?subject=題名&body=本文">リンクする文字</a> 本文で改行したければ改行したい部分に「%0D%0A」を入れてください
関連するQ&A
- メールフォームにサブジェクト指定
プロバイダから用意されているメールフォームCGI■■1■■に サブジェクト指定■■2■■をつけたいのですが、 どういうスクリプトになるのでしょうか。 あとできれば、送信者のメールアドレスが本文とメール送信者の欄、両方に 入るようにしたいのですが。 ■■1■■ <form method="post" action="http://docgi.so-net.ne.jp/cgi-bin2/form.cgi"> <input type="hidden" name="mailto" value="xxxxxxxx@so-net.ne.jp"> お客様のお名前：<br> <input name="name" size=60><br> お客様のメールアドレス：<br> <input name="mailfrom" size=60><br> 資料送付先住所：<br> <input name="address" size=60><br> ご連絡先電話番号：<br> <input name="tel" size=40><br> 感想：<br> <textarea name="body" rows=5 cols=60></textarea><br> 内容確認後、送信ボタンをクリックしてください。<br> <input type="submit" name="ok" value="送信"> <input type="reset" name="reset" value="クリア"> </form> ■■2■■ <input type="hidden" name="subject" value="資料請求"> 初心者です。 よろしくお願いします。
- ベストアンサー
- CGI
- PHPのお問い合わせフォームが動かない
「ぶっとびねっと」というレンタルサーバーに以下の2つのファイルをアップしました。 ・contacts.html ・contacts.php しかしフォームに入力後、送信を押してもメールが指定したアドレスに届きません。 なぜでしょうか。。。 ソースを下に貼りますので、ご教授願います。 ----- contacts.html -------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>メールフォーム</title> </head> <body> <form method="post" action="contacts.php"> お名前：<input type="text" name="namae" /><br /> メールアドレス：<input type="text" name="meado" /><br /> 件名：<input type="text" name="subject" /><br /> お問い合わせ内容：<textarea name="content" cols="50" rows="5"></textarea><br /> <input type="submit" name="submit" value="メール送信" /> </form> </body> </html> ------------------------------------------------------ ----- contacts.php -------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>メールフォーム</title> </head> <body> <?php if ($_POST["submit"] == "メール送信") { mb_language("Ja") ; mb_internal_encoding("UTF-8") ; $mailto="○○○○@hotmail.co.jp"; $subject = $_POST["subject"]; $content = $_POST["content"]; $namae = $_POST["namae"]; $meado = $_POST["meado"]; $mailfrom="From:" .mb_encode_mimeheader($namae) ."<".$meado.">"; mb_send_mail($mailto,$subject,$content,$mailfrom); } ?> <form method="post" action=""> お名前：<input type="text" name="namae" /><br /> メールアドレス：<input type="text" name="meado" /><br /> 件名：<input type="text" name="subject" /><br /> お問い合わせ内容：<textarea name="content" cols="50" rows="5"></textarea><br /> <input type="submit" name="submit" value="メール送信" /> </form> </body> </html> ------------------------------------------------------
- ベストアンサー
- PHP
- ラジオボタンでうまくするには・・・・
初めまして。 現在下記のプルダウン形式で、一つの価格が同じなので問題なく動くのですが <FORM action="cart/sys/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=hidden value=2000 name=tan> <SELECT name=sur> <OPTION value="" selected>購入数量</OPTION> <OPTION value=1>１</OPTION> <OPTION value=2>２</OPTION> <OPTION value=3>３</OPTION> <OPTION value=4>４</OPTION> <OPTION value=5>５</SELECT> <INPUT type=submit value=カートに入れる> </FORM><BR> <FORM action="・・・/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=hidden value=2000 name=tan> </FORM> 同じ商品で１・２・３・４・５のそれぞれに単価が変わる設定をしたいのですが、うまくいく方法が見つからないです。 ラジオボタン形式で作ってみたものの・・・・ <FORM action="・・・/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=submit value=カートに入れる> </FORM> <FORM> <INPUT type="radio" name="name1" value="2000">１袋<BR> <INPUT type="radio" name="name1" value="3900">２袋<BR> <INPUT type="radio" name="name1" value="5800">３袋<BR> <INPUT type="radio" name="name1" value="7500">４袋<BR> <INPUT type="radio" name="name1" value="8500">５袋</FORM> としてみましたがうまくいきません。 なにか方法ございましたら、ご教授いただければと思います。
- ベストアンサー
- HTML
- ボタン別でフォームの送信先を変えたい
同じ場所に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
- フォームタグを送信した後に表示されるページ
フォームタグを送信した後に表示されるページを指定したいのですが、どうすればいいのか分かりません。タグは <form method=POST action="フォームサービスのＣＧＩアドレス"> <input type=hidden name="_mailto" value="私のメアドです"> あなたのお名前<br> <input type="text" name="name"><br> (略) <input type=submit value="送信"> こんな感じです。 よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- フォームから送信されたメールアドレスの表示ですが・・
スクリプトでメールフォームを設置したのですが、送信されるメールアドレスが下記のように表示されます。クリックしてすぐに返信したいので、アドレスだけ表示されるようにしたいのですが、どうしたらいいかご存知の方がいらっしゃいましたらよろしくお願いします。 ＜ソース＞ <INPUT TYPE=HIDDEN NAME="題名" VALUE="フォームメール"><INPUT TYPE=HIDDEN NAME="題名" VALUE="フォームメール"> <FORM ENCTYPE="text/plain" METHOD="POST" ACTION="mailto:***@******.com"><INPUT TYPE=HIDDEN NAME="題名" VALUE="フォームメール">■お名前：<BR> <INPUT TYPE=TEXT NAME="名前" SIZE=40><BR> <BR> ■E-Mail：<BR> <INPUT TYPE=TEXT NAME="e-mail" SIZE=40><BR> <BR> ■性別：<BR> <INPUT TYPE=RADIO NAME="性別" VALUE="男" CHECKED>男性 <INPUT TYPE=RADIO NAME="性別" VALUE="女">女性<BR> <BR> ■お問い合わせ内容：<BR> <TEXTAREA name="メッセージ" rows="7" cols="49"></TEXTAREA><BR> <BR> <INPUT TYPE=SUBMIT VALUE="送信する"> <INPUT type="reset" name="クリア"></FORM> このように表記すると、 題名=フォームメール 名前=***** e-mail=*****@*****.com 性別=男性 メッセージ=これはテストです これはテストです これはテストです これはテストです これはテストです これはテストです これはテストです これはテストです となり、「e-mail=*****@*****.com」がアドレスとなってしまいます。 「e-mail=」が表示されないようにするか、表示されても「e-mail=」がアドレスとして認識されないようにしたいのですが・・・よろしくお願いします。
- ベストアンサー
- その他（プログラミング・開発）
- 複数のフォームから送信
複数のフォームから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> ------------------------------------
- 締切済み
- HTML
- メールフォームの内容を送信者にも控えがとれるようにしたい
下記の件で困っています。 HTMLの中で、メルフォを設けました。 <form method=post action="フォームデコードサービス"> <input type=hidden name="_mailto" value="***@*****.ne.jp"> <input type=hidden name="_subject" value="件名"> <input type=hidden name="_location" value="http://戻りURL.htm"> <table border="0" cellpadding="5" cellspacing="0" width="900"> <tr> <td width="150">氏名</td> <td colspan="2" width="700"> <input type="text" size="30" name="氏名"></td> </tr> ・ ・ ・ <p> <input type="submit" value="submit"> <input type="reset" value="reset"> </p> </form> 最初はデコードサービスを使わなかったのですが、Macから送信されるデータが文字化けする為、使うことにしました。 しかし、そうすると、送信者に送信内容が残らなくなってしまいました。 送信者の手許にもコピーが残るようにしたいので、お知恵を拝借できれば幸いです。 よろしくお願い致します。
- ベストアンサー
- その他（メールサービス・ソフト）
- メールフォームの設置
過去の質問にも目を通したのですが、質問させていただきます。 OSはWin xp（home）、サーバーはOCNの「Page ON」を使っています。 メールフォームの設置をしたいのですが、OCNのホームページにある記述では、メールの送信が出来ません。 <FORM METHOD="post" ACTION="/cgi-bin/formmail.pl"> <INPUT TYPE="hidden" NAME="recipient" VALUE="???@???.ocn.ne.jp"> [題名]：<INPUT NAME="subject" SIZE="30"><BR> [氏名]：<INPUT NAME="name" SIZE="30"><BR> [E-mail]：<INPUT NAME="email" SIZE="30"><BR> [コメント]：<INPUT NAME="comment" SIZE="30"><BR> <INPUT TYPE="submit" VALUE="送信"> <INPUT TYPE="reset" VALUE="クリア"> </FORM> このアドレスのところを、自分のものに入れ替えて記述しています。 過去の質問を拝見したところ、「mailto:」による設定は、xpで使えないようなので、これでいいと思うのですが・・・・・・どこか違うのでしょうか？ 出来ればソースを記述していただけると嬉しいです。
- ベストアンサー
- CGI
- HTML ローカルストレージへの保存
お世話になります。 ちょっとした会の幹事を一年間やることになりました。(余談) 以下のプログラムで宛先、件名、お名前、預かり金額をアンドロイド携帯のローカルストレージ に保存しておきたいのですが、 どのようにすればよいでしょうか？ ご指導お願いいたします。 以下のプログラム（？）は宛先などを記入して、メーラーから送信するといったものです。 <form name=mailform> 宛先：<input name=to type=text value="info@example.com"><br> 件名：<input name=subject type=text value="hello"><br> お名前：<input name=name type=text value="namae"><br> 預かり金額：<input name=azukari type=text value="jyusyo"><br> <button type=submit>送信</button> </form> <script>window.addEventListener('load',function(ev){ document.forms['mailform'].addEventListener('submit',function(submitEv){ submitEv.preventDefault(); var form = submitEv.target; var to = form.elements['to'].value; var subject = form.elements['subject'].value; var name = form.elements['name'].value; var addr = form.elements['addr'].value; var body = "お名前："+ name + "預かり金額：" + azukari if (!to) return; var url = "mailto:" + to + "?subject=" + subject + "&body=" + body; var a = form.appendChild(document.createElement('a')); a.href = url; a.click(); form.removeChild(a); }, false); }, false)</script> ※このプログラムも以前こちらで質問して教えていただいたものです。 素人の為、プログラムの説明などはうまくできないと思いますが、ちょっと勉強しましたので、 わかる範囲で回答に必要な質問には答える覚悟です。 よろしくお願いいたします。
- ベストアンサー
- HTML
お礼
「その通り！！」 ありがとうございました！