首記の件、ご教示願います。
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で質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSS/日本語のID・クラス名につ...
-
【VBA/HTML】IE画面内のページT...
-
スタイルシートで、id属性の中...
-
brにクラスをつけてcssでdispla...
-
最近、HTMLのヘッダーをIDで定...
-
HP作成(ワッパーを中心に)
-
CSSが効かずどのように指定すれ...
-
HTML要素のid/class名の長さに...
-
透過背景を解除するにはどうす...
-
Bootstrap3でcontainerがずれる...
-
サイトにjQueryが使用されてい...
-
webサイト印刷時に特定の画像を...
-
<div align="right"> を css で...
-
マウスカーソルを当てた時だけ...
-
<span>で2重にかけているものを...
-
CSS, リンクの色を一部変えるに...
-
liリストタグの背景色に色がつ...
-
name属性とid属性
-
cssでIEとFIREFOX(とchrome)の...
-
CSS リンクのスタイル指定をせ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
idの中のid指定
-
CSSに同じclass名がいっぱい‥。...
-
個別にリンクの色を変える方法
-
HTML要素のid/class名の長さに...
-
最近、HTMLのヘッダーをIDで定...
-
CSS, リンクの色を一部変えるに...
-
liリストタグの背景色に色がつ...
-
CSSのクラス名・ID名の指定でワ...
-
htmlのid属性って必要なの?
-
サイトにjQueryが使用されてい...
-
スタイルシートで、id属性の中...
-
リンク文字の 一部だけ色を変...
-
外部css定義したclassをht...
-
ページの左右の余白(枠外)に...
-
<span>で2重にかけているものを...
-
CSSでテキストリンクの色を複数...
-
同ページ内でリンクの色を変え...
-
CSSが効かずどのように指定すれ...
-
display:table-cell内でこんな...
-
CSSで下まで背景色を伸ばす方法
おすすめ情報
回答ありがとうございます。
いいえ、hrefでメールアドレスを入れればそこに送信されるのではと思い記述しました。
サーバー側のプログラムを呼び出すプログラムという事は、HTMLだけでは特例のメールアドレスに入力内容を送れないということでしょうか。