メールフォーム作り方

このQ&Aのポイント
  • ブログ初心者がメールフォームを作成する方法について質問しています。
  • 具体的には、フォームのHTMLコードの作成方法や、入力スペースの幅調整の方法について教えてほしいとのことです。
  • また、質問者はブログの会社に質問しても回答を得られないとのことで、他の人からの助言を求めています。
回答を見る
  • ベストアンサー

メールフォーム作り方

ブログ初心者です。 メールフォームを↓のように入力しました。 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 <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関係について質問しても、お答え頂ける範囲外のようなので・・・ どなたか教えて下さい。 どうぞよろしくお願い致します。

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

  • ベストアンサー
  • Muller3
  • ベストアンサー率81% (800/979)
回答No.2

seesaaブログにメールフォームを設置したいということですね? とりあえず、フォームレンタルサービスを利用するのが簡単だと思います。サービスを提供している会社はたくさんありますが、とりあえずFc2のフォームレンタルサービスの場合 http://form.fc2.com/ こちらから登録を申し込みます。 マニュアルを見てフォームを作成・テンプレートを編集・適用します。 最後に、「パーツ利用の設置用タグ、デザイン設定」から「フォーム表示用タグ」をコピーし、ブログの任意の場所にペーストします。 >rows cols 「<TEXTAREA>」で検索してみて下さい。

その他の回答 (1)

  • Muller3
  • ベストアンサー率81% (800/979)
回答No.1

どこかのサービスをお使いなのでしょうが、どこのブログをお使いでどこのメールフォーム(プラグイン?)サービスをお使いなのでしょう?

gourmet23
質問者

補足

説明不足で申し訳ございませんでした。 seesaaです。 実は↑のHTMLはFC2のメールフォームをコピーしました。 内容の意味を分からないまま・・・ 今度は、本に書いてあるのを参考に↓のように入力してみましたが、同じ文章のエラーが出てきました。 どのようにしたら、届くようになるのでしょうか? 教えて下さい。 どうぞよろしくお願い致します。 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 <html><head> <title>メール</title> </head> <body> <form action="自分のアドレス"method="post"enctype="text/plain"> 件名<input type="text" name="name"><br><br> あなたのアドレス<input type="text" name="mail"><br><br> お問い合わせ内容<textarea name="問い合わせ" rows="5" cols="30"> </form> </body></html> 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 付け加えての質問ですが、 row cols  とは何を表すのでしょうか?

関連するQ&A

  • JavaScriptでメールフォーム

    サイトでメールフォームをCGIを使わずに、JavaScriptで作成した時の話なのですが、 例えば、 <form name="mail" action="mailto:aaa@bbb.com" method="post" enctype="text/plain"> 名前<br> <input name="name"><br> 送信内容<br> <textarea style="WIDTH: 164px; HEIGHT: 50px" name="body"></textarea><br> <input style="WIDTH: 74px; HEIGHT: 21px" type="submit" size="37" value="送信"></form> ↑のような一般型のフォームは出来るのですが、 メールの送信先をメール送信者に指定させてそのアドレスにメールを送信するようにするにはどうしたら良いのでしょうか? すみませんが御願いします・・・

  • メールフォームについて

    この中にどのようなHTMLを書けば自分のPCにメールが届く ようになりますか?よろしくお願いします。 <h2>■MAIL FORM</h2> <div class="text"> <form><table><tr><td width="100" align=right> NAME</td><td align=right><input type="text" name="Name" size="34"></td></tr><tr><td width="100" align=right> MAIL</td><td align=right><input type="text" name="Mail" size="34"></td></tr></table> <TEXTAREA NAME="Comments" ROWS="8" COLS="39" value="comments"></TEXTAREA> <br> <table><tr><td width="100" align=right> </td> </tr><tr> <td width="100" align=right> URL</td><td><input type="text" name="URL" value="http://" size="34"></td></tr><tr><td></td><td align="right"> <INPUT TYPE="reset" VALUE=" Reset "> <INPUT TYPE="submit" VALUE=" Send "></FORM> </td></tr></table><br></div>

    • ベストアンサー
    • HTML
  • メールフォームが自作できません

    HTMLは何となく分かる範囲で記述しました。 CSSで体裁を整える予定ですので、ここでは割愛させていただきます。 Perlも勉強したのでやってみたのですが、何故か目的とするメアドではなく送信元にメールが送られ、困っています。 HTMLはこんな感じで書いてみました。 <body> <form> <p>お名前&nbsp;&nbsp;<input type="name" size="30" maxlength="30" value=""><br> メールアドレスを入力して下さい<input type="mail" size="50" maxlength="50" value=""><br> ご質問・メッセージなどを入力して下さい。<br> <textarea name="mess" cols="50" rows="5"></textarea></p> <p><input type="submit" value="送信する">&nbsp;<input type="reset" value="やり直し"></p> </form> </body> Perlのソースも記述すべきでしょうが、参考書をなくしてしまいました。 使った参考書はマイコミから出版された「よくわかるPHPの教科書」です。 みなさんのお力を貸していただきたいです。

  • メールフォームについて質問です。

    メールフォームを作成したのですが、今まではメールフォームから送ると、受け取り用のアドレスでは送信者の名前が各々表示されていたのですが、現在、受け取り用のメーラーではpiyo@hoge.co.jp(当社のアドレス)から送られてくる様になりました。 したがって、受信メッセージがまとまってしまいます。 説明が難しいので画像を添付します。 画像は受け取り用のメールソフトです。 4 と表示されていますが、これがまとまっている状況です。 メールが送られてくるたびに5,6,7...と増えて行きます。 これはどのように解消すればよいのでしょうか。 お力添えの程よろしくお願いいたします。 <form action="http://www.piyo.co.jp/CGI/postmail/postmail.cgi" method="post"> <input type="hidden" name="match" value="e-mail e-mail2" /> <input type="hidden" name="need" value="お名前 フリガナ e-mailアドレス 確認用アドレス プライバシーポリシーに同意 送信内容" /> <input type="hidden" name="mailto" value="piyo@hoge.co.jp" /> <input type="hidden" name="subject" value="お名前" />■お名前<span class="red">【必須】</span><br /> <input type="text" name="お名前" size="45" maxlength="50" /><span class="sitemap_link">例:山田 太郎</span><br /> ■カナ<span class="red">【必須】</span><br /> <input type="text" name="フリガナ" size="45" maxlength="50" /><span class="sitemap_link">例:ヤマダ タロウ</span><br /> <br /> ■幼稚園名 / 会社名<br /> <input type="text" name="会社名" size="45" maxlength="50" /><span class="sitemap_link">例:株式会社山田</span><br /> <br /> ■E-mail アドレス<span class="red">【必須】</span><br /> <input type="text" name="e-mailアドレス" size="45" maxlength="50" /><span class="sitemap_link">例:xxx@xxx.co.jp</span><br /> ■E-mail アドレス (再度入力)<span class="red">【必須】</span><br /> <input type="text" name="確認用アドレス" size="45" maxlength="50"/><span class="sitemap_link">例:xxx@xxx.co.jp</span> <br /> <br /> ■お問い合わせ内容をご記入ください<span class="red">【必須】</span><br /> <textarea name="送信内容" rows="8" cols="70"></textarea> <br /> <input id="checkboxPrivacy" name="プライバシーポリシーに同意" value="プライバシーポリシーに同意します" type="checkbox" /><span class="sitemap_link2">プライバシーポリシーに同意する<span class="red">【必須】</span></span><br /> <br /> <input type="submit" value="送信" /> <input type="reset" value="リセット" /> よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • メールフォームで送信

    ラジオボタンとチェックボックスを選択しその結果をメールフォームにて送信出来るようにしたいのですが、可能でしょうか? ラジオボタンとチェックボックスの選択はこちらで http://okwave.jp/qa/q8072037.html これをメールフォームで送信するのですが、 最後にメールフォームを付け加えました。 これで、ラジオボタンとチェックボックスの選択されたものと合計も一緒に送信は可能でしょうか? 皆様ご教授の程お願いします。 <br> 下記の項目もどうぞ <br> <font color="#ff0000" size="1"><b> ※ </b></font>のついている項目は<font color="#ff0000"><b>必須</b></font>です。 <form method="post" action="CGIのURI"><br> <p> <br> <font color="#ff0000" size="1"><b> ※ </b></font>氏名:<input name="氏名" type="text"> <br> <font color="#ff0000" size="1"><b> ※ </b></font>年齢:<input name="年齢" type="text"> <br> <font color="#ff0000" size="1"><b> ※ </b></font>メールアドレス <input name="mail" class="form-textline01" maxlength="100" value="" type="text"><br> <font color="#ff0000" size="1"><b> ※ </b></font>住 所 <input name="address" class="form-textline03" maxlength="1000" value="" type="text"> <br> <font color="#ff0000" size="1"><b> ※ </b></font>電話番号 <input name="tel" class="form-textline01" maxlength="20" value="" type="text">例) 123-456- 7890 <br> <font color="#ff0000" size="1"><b> ※ </b></font><br> <input name="性別" value="男" checked="checked" type="radio"> 男  <input name="性別" value="女" type="radio"> 女<br> <br> メダルの項目:<br> <input name="properties" value="CellPhone" type="checkbox"> マラソン <input name="properties" value="Car" type="checkbox"> 体操 <input name="properties" value="Car" type="checkbox"> 水泳 <input name="properties" value="Car" type="checkbox"> サッカー <input name="properties" value="Car" type="checkbox"> フットサル<br> <input name="properties" value="Car" type="checkbox"> バスケット <input name="properties" value="Car" type="checkbox"> バレー <input name="properties" value="Car" type="checkbox"> 野球 <input name="properties" value="Car" type="checkbox"> 相撲 <input name="properties" value="Car" type="checkbox"> スケート<br> <input name="properties" value="Car" type="checkbox"> スノボ <input name="properties" value="Cottage" type="checkbox"> セクシーコマンド<input name="properties" value="Car" type="checkbox">その他 <br> <br> 認定資格:<input name="資格" type="text"> <br> 好きな果物:<br> <select name="好きな果物"> <option>りんご</option> <option>みかん</option> <option>バナナ</option> <option>パイナップル</option> </select> <br> <textarea name="freeans" rows="4" cols="40">自由に意見を記述してください</textarea><br> <input value="送信" type="submit">  <input value="取り消し" type="reset"> </p> </form> <br> <br> ご協力ありがとうございました・・・<br> <br> </body> </html>

  • メールフォーム作成*助けて下さい!!

    ホームページ作成初心者です 頑張ってメールフォームを作成しています! しかし「エラーメッセージ メールデコード設定者の設定方法に問題があるため、送信できません。 (設定された設問のNAMEの変数名が重複しています)」 どこがダメかが分かりません(><) どなたか助けて下さい!! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.0.0 for Windows"> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <META http-equiv="Content-Style-Type" content="text/css"> <LINK href="sitetheme/hpb9tm04_6.css" rel="stylesheet" type="text/css" id="hpb9tm04_6"> <TITLE>見積り依頼メール</TITLE> <SCRIPT language="JavaScript"> <BODY> </TR> </TBODY> </TABLE> </DIV> <DIV style="width : 443px;height : 375px;top : 270px;left : 170px; position : absolute; z-index : 6; visibility : visible; " id="Layer1"> <FORM method="post" action="http://mdec.nifty.ne.jp/cgi-bin/hostingmail.cgi"> <INPUT type="hidden" name="ok_page" value="ホームページアドレス> <INPUT type="hidden" name="to_mail" value="メールアドレス"> <INPUT type="hidden" name="sub" value="***見積り依頼メール***"> お名前  <BR><INPUT type="text" name="name" size="33" maxlength="40"><BR> メールアドレス<BR><INPUT TYPE="text" NAME="from" size="30" maxlength="40"><BR> <BR> 【 希望工事内容 】 <BR> <INPUT type="radio" name="kibou-kouji" value="T+A">太陽光発電システム+オール電化<BR> <INPUT type="radio" name="kibou-kouji" value="T-nomi">太陽光発電システムのみ<BR> <INPUT type="radio" name="kibou-kouji" value="A-nomi">オール電化のみ<BR> <INPUT type="radio" name="kibou-kouji" value="IH-nomi">IHクッキングヒーターのみ<BR> <INPUT type="radio" name="kibou-kouji" value="E-nomi">エコキュートのみ<BR> <INPUT type="radio" name="kibou-kouji" value="R-nomi">リフォームのみ<BR> <INPUT type="radio" name="kibou-kouji" value="sonohoka">その他(具体的な内容を下記のご質問欄へご入力ください。)<BR> <BR> <BR> その他ご質問やご相談がございましたらご入力下さい。<BR> <TEXTAREA name="body" rows="8" cols="68"> </TEXTAREA> <BR> <BR> <INPUT TYPE="submit" VALUE="送信"> <INPUT TYPE="reset" VALUE="クリア"> </FORM> </DIV> <DIV style="width : 603px;height : 77px;top : 170px;left : 93px; position : absolute; z-index : 5; visibility : visible; " id="Layer6"> <P><FONT face="MS P明朝">まずは、下記の入力フォームに必要事項をご記入のうえ、<BR> 内容をご確認後【送信】ボタンをクリックしてください。<BR> </FONT></DIV> <DIV style="width : 251px;height : 31px;top : 40px;left : 470px; position : absolute; z-index : 4; visibility : visible; " id="Layer5" align="center"><FONT color="#000097" face="MS P明朝" size="+1" style="font-size : 117%;">太陽光発電システム・オール電化<BR> リフォーム・住宅設備のことならお任せ下さい</FONT></DIV> <DIV style="width : 222px;height : 18px;top : 56px;left : 19px; position : absolute; z-index : 3; visibility : visible; " id="Layer4" align="center"><B><FONT color="#000097" face="MS P明朝" size="+1" style="font-size : 117%;">太陽光発電システムのことなら</FONT></B></DIV> <DIV style="width : 145px;height : 43px;top : 15px;left : 53px; position : absolute; z-index : 2; visibility : visible; " id="Layer3" align="center"><B><FONT color="#000097" size="7" face="DHP平成明朝体W7" style="font-size : 310%;"> オール電化も</FONT></B></DIV> <DIV style="width : 252px;height : 27px;top : 130px;left : 30px; position : absolute; z-index : 1; visibility : visible; " id="Layer2"><B><FONT size="+3" style="font-size : 200%;">見積り依頼メール</FONT></B></DIV> </BODY> </HTML>

    • ベストアンサー
    • HTML
  • フォームについて

    マイホームページに 下記のようなフォームを作成しました。 <font color="#666666" size="2" face="MS Pゴシック, Osaka">このサイトについての感想、ご意見</font> <br> <br> <br> <form action="/cgi-bin/FormMail.cgi" method="POST"> <font color="#666666" size="2" face="MS Pゴシック, Osaka">お名前</font>:<input type="text" name="realname" size="30"> <br> <br> <font color="#0099FF" size="2" face="MS Pゴシック, Osaka">メールアドレス</font>: <input type="text" name="email" size="35"> <br> <br> ご意見・ご感想: <textarea name="textfield" cols="50" rows="5"></textarea>     <br> <br> <input type="hidden" name="recipient" value="yssm@cameo.plala.or.jp"> <input type="hidden" name="required" value="email,realname"> <input type="hidden" name="subject" size="50" value="TEST MAIL from WWW" /> <input name="submit" type="submit" value="送信" /> <input type="reset" value="初めから書き直す"> </form> これを私のメールアドレス(yssm@cameo.plala.or.jp)に送信したいのですがうまくいきません。 基本的な部分、思考が間違っているのでしょうか。 ご回答をよろしくお願いいたします。

  • ニフティのメールデコードについて教えてください

    webアンケートを作るためにhttp://homepage.nifty.com/mail/sample.htm#enqueteを参考にしてみたのですが(送信ボタンを押すと)「メールアドレスが記入されていないか形式が不正です」とエラーメッセージが出てしまいます。以下の書き方で間違っている所があるでしょうか。 <HTML> <HEAD> <TITLE>質問紙のサンプル</TITLE> </HEAD> <BODY> <FORM METHOD="post" ACTION="http://mdec.nifty.com/cgi-bin/ahpmdec.cgi"> <INPUT TYPE="hidden" NAME="ok_page" VALUE="http://homepage?.nifty.com/***/***.htm"> <INPUT TYPE="hidden" NAME="to_mail" VALUE="***@nifty.com"> <INPUT TYPE="hidden" NAME="sub" VALUE="質問紙調査の結果"> 名前: <br> <INPUT TYPE="text" NAME="name" SIZE="30" MAXLENGTH="40"> <br> メールアドレス: <br> <INPUT TYPE="text" NAME="from" SIZE="25" MAXLENGTH="60"> <br> コメント: <br> <TEXTAREA NAME="body" ROWS="20" COLS="30"> </TEXTAREA> <INPUT TYPE="submit" VALUE="送信"> <INPUT TYPE="reset" VALUE="クリア"> </FORM> </BODY> </HTML>

    • ベストアンサー
    • HTML
  • HTMLでメールフォームを作成しました。

    HTMLでメールフォームを作成しました。 <table bgcolor="#fff0f5" border="1" width="500" summary="フォーム"> <tr><td> <FORM ACTION="mailto:aaa@bbb?subject=@問合せ" METHOD="post" ENCTYPE="text/plain"> <div class="red25centerB"> <img src="ccc.png" class="middle"> お問合せ </div> <br/> <div >・お名前:<INPUT TYPE="text" NAME="氏名" VALUE=""></div> <br/> <br/> <div>・Eメールアドレス:<INPUT TYPE="text" NAME="mail" SIZE="45" VALUE=""></div>  <br/> <br/> <div>・年齢: <br/> <br/> <INPUT TYPE="radio" NAME="tosi" VALUE="10">10代 <INPUT TYPE="radio" NAME="tosi" VALUE="20">20代 <INPUT TYPE="radio" NAME="tosi" VALUE="30">30代 <INPUT TYPE="radio" NAME="tosi" VALUE="40">40代 <INPUT TYPE="radio" NAME="tosi" VALUE="50">50代 <INPUT TYPE="radio" NAME="tosi" VALUE="60">60代以上 </div> <br/> <br/> <div>・ご質問内容等をお書きください <br/> <br/> <TEXTAREA NAME="問合せ" ROWS="7" COLS="55"></TEXTAREA></div> <br/> <br/> <div><INPUT TYPE="submit" VALUE="送信"> <INPUT TYPE="reset" VALUE="書き直す"></div> </FORM>   <img src="ddd.png" class="middle">一回だけ押してください。 </td></tr> </table> 一部のPCでは、送信をおすと、 このフォームは電子メールを使用して送信されます、このフォームを送信するとアドレスが受信者に公開され、暗号化されずに送信されます。 この操作は取り消しもできます。 と表示されます。そして、OKボタンを押しても、上手く送信されません。 なお、winxpや7で発生しているようですが、メーラーはどちらもoutlookですが、送信トレイにすらメールがありません。 解決方法を教えていただければ幸いです。

  • Webフォームについて

    OCNの無料ホームページサービスで、Webフォームを作成しました。 (団体への加入申込みフォームです) 下記のフォームで、未入力欄がある場合、   ・未入力を再度促す画面に戻るには?   ・入力した内容を確認して送信するには?   ・送信が終わって「ありがとうございました」旨を知らせる画面を表示するには?     (OCNサービスに標準仕様でも送信thank you画面があるが、画面を閉じる機能がない) HTMLタグが判らないので、ご教授をお願いします。 <html> <head> <title> サンプルフォーム </title> </head> <b>△○○△会加入フォーム</b></p> <FORM METHOD="post" ACTION="/cgi-bin/formmail.pl"> <INPUT TYPE="hidden" NAME="recipient" VALUE="△△@○○.ocn.ne.jp"> <INPUT type="hidden" NAME="subject" value="登録" /><BR> あなたのE-mail<BR> <INPUT TYPE="TEXT" NAME="email"><br> あなたの氏名<BR> <INPUT TYPE="TEXT" NAME="氏名"><br> 住所<BR> <INPUT TYPE="TEXT" NAME="住所" /><br> コメント<BR> <INPUT TYPE="TEXT" NAME="コメント"><br> <INPUT TYPE="submit" ACTION="/cgi-bin/formmail.pl" VALUE="送信" METHOD="post"> <INPUT TYPE="reset" VALUE="クリア"><br> </form> </div> </body> </html>