
首記の件、ご教示願います。
HTML,CSSでお問合わせフォームを作ったのですが、そのフォームで入力したものを送信ボタンでクリック後、特定のメールアドレスに送る方法がわかりません。
例えば入力フォームを入力して送信ボタンを押したら『xxxxxxxxxx@gmail.com』宛に入力内容を送りたい。
宜しくお願い致します。
ソースコード:
<h3 class="information-ver vcolor slide">お問合せフォーム</h3>
<form action="test.html" method="POST">
<div class="question-form">
<div class="areas">
<div class="columns">会社名・団体名</div>
<div class="rows"><input type="text" name="sample" class="input-text"><br>(例:**株式会社、**大学**学部**学科)</div>
</div>
<div class="areas">
<div class="columns">氏名(漢字)<span class="red">(必須)</span></div>
<div class="rows"><input type="text" name="sample" class="input-text"><br>例:r令和太郎)</div>
</div>
<div class="areas">
<div class="columns">氏名(フリガナ)<span class="red">(必須)</span></div>
<div class="rows"><input type="text" name="sample" class="input-text"><br>(例:レイワタロウ))</div>
</div>
<div class="areas">
<div class="columns">メールアドレス<span class="red">(必須)</span></div>
<div class="rows"><input type="text" name="sample" class="input-text"><br>(例:XXXXX@zyz.jp)<br><span class="red">半角</span>でお願いします。</div>
</div>
<div class="areas">
<div class="columns">メールアドレス(確認)<span class="red">(必須)</span></div>
<div class="rows"><input type="text" name="sample" class="input-text"><br>(例:XXXXX@zyz.jp)<br><span class="red">半角</span>でお願いします.</div>
</div>
<div class="areas">
<div class="columns">郵便番号</div>
<div class="rows"><input type="text" name="sample" class="input-text"><br>(例:例:123-4567)<br><span class="red">半角</span>でお願いします。</div>
</div>
<div class="areas">
<div class="columns">住所</div>
<div class="rows"><input type="text" name="sample" class="input-text"></div>
</div>
<div class="areas">
<div class="columns">TEL</div>
<div class="rows"><input type="text" name="sample" class="input-text"><br>(例:例:03-1234-5678)<br><span class="red">半角</span>でお願いします。</div>
</div>
<div class="areas">
<div class="columns">FAX</div>
<div class="rows"><input type="text" name="sample" class="input-text"><br>(例:例:03-1234-5678<br><span class="red">半角</span>でお願いします。</div>
</div>
<div class="areas">
<div class="columns">お問合せ内容、お見積りはこちらへどうぞ<span class="red">(必須)</span></div>
<div class="rows"><textarea name="textarea" rows="10" cols="40" class="input-text"></textarea><br>(例:例:03-1234-5678)<br><span class="red">半角</span>でお願いします。</div>
</div>
<div class="columns-submit">内容をご確認の上、よろしければ下記ボタンをクリックして下さい。</div>
<div class="rows-submit"><input type="submit" href="01100110ro@gmail.com" name="sample" value="送信"></div>
<div class="submit-text">(上記ボタンを押した後、次の画面がでるまで、4~5秒かかりますので、続けて2回押さないようにお願いいたします。)</div>
</div>
</form>

A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
[送信]ボタンをクリックしてメールを送信するような仕組みのフォームの場合、HTMLだけでは実現できません。
サーバー側にCGIかPHPといったプログラムを作る/置く必要があります。その呼び出すプログラムを、formタグ の action= で指定([送信]ボタンをクリックしたときに動作させるプログラムという意味で)します。
サーバー側のプログラムは、自分で作成する/購入する/フリーのものをダウンロードする/使用しているレンタルサーバーが用意しているものを使う といった方法で用意します。
No.1
- 回答日時:
hrefでメールアドレスを指定していますが、これの意図が解りません。
これはどこからの出典ですか?メールを送信するフォームは、メールを送信するサーバー側のプログラム(cgiやphp)を呼び出す必要があります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
個別にリンクの色を変える方法
-
最近、HTMLのヘッダーをIDで定...
-
dreamweaverのコード画面で波線。
-
CSSの適用を一部だけ除外したい。
-
HTML要素のid/class名の長さに...
-
同ページ内でリンクの色を変え...
-
リンク文字の 一部だけ色を変...
-
特定の見出しのみ前後の空白を...
-
CSSのクラス名・ID名の指定でワ...
-
CSSで背景画像をランダムに同画...
-
htmlの文字が縦書きになる
-
含む含まないという概念自体の...
-
HTML の繰返し法???
-
複数のボタンを等間隔に、かつ...
-
htmlのolやulなどlistにtitleや...
-
ボタンをセル内一杯に表示させ...
-
ヘッダーとフッターだけ背景を...
-
HTML属性での「""」 「''」違い
-
html タグの閉じスラッシュ前の...
-
htmlの<ol>タグで、数字などを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのid属性って必要なの?
-
個別にリンクの色を変える方法
-
idの中のid指定
-
liリストタグの背景色に色がつ...
-
サイトにjQueryが使用されてい...
-
HTML要素のid/class名の長さに...
-
CSSのクラス名・ID名の指定でワ...
-
a要素の色を複数使い分ける方法
-
FC2掲示板をトピック一覧表示型...
-
スタイルシートについて
-
CSSに同じclass名がいっぱい‥。...
-
brにクラスをつけてcssでdispla...
-
webデザイン 疑問点
-
CSS 記事内link色変更方法
-
親エレメントに含まれる子エレ...
-
cssでIEとFIREFOX(とchrome)の...
-
CSS内で使われる山括弧の意味が...
-
css:positionの挙動について
-
スタイルシートのドットが#に...
-
dreamweaverのコード画面で波線。
おすすめ情報
回答ありがとうございます。
いいえ、hrefでメールアドレスを入れればそこに送信されるのではと思い記述しました。
サーバー側のプログラムを呼び出すプログラムという事は、HTMLだけでは特例のメールアドレスに入力内容を送れないということでしょうか。