質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

439閲覧

formのaction属性

lei

総合スコア2

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2022/01/21 09:03

初歩的な質問失礼します。
formタグのaction属性は何を設定すべきでしょうか?

サイト訪問者にフッターから名前とメールアドレス、質問を入力してもらうとこちらに届くフォームをつくりたいです。デザインとコーディングまで完了しましたが、最後の送信先の箇所でつまづいております。

他のサイトを見るとセキュリティ関連から入力はしない。phpで取得するなどかかれておりましたが、当方wordpressなどのphpを使う予定がなくhtml/css/javascriptのみでのサイト設計を考えております。

入力してもらった内容がセキュリティ面からみても問題なく私のところへ届くようなフォームをつくりたいです。どなたか知恵を貸していただけないでしょうか。よろしくお願いいたします。

現在のコードも一応載せておきます。

<div class="contact" id="contact"> <h1>CONTACT</h1> <form action="" method="post"> <span>お名前</span><input type="text" name="yourname"><br> <span>メールアドレス</span><input type="email" name="mail"><br> <span>お問い合わせ内容</span><textarea name="comment" placeholder="コメントを入力" rows="10" cols="40" class="pc" name="text"></textarea><br> <input type="submit" id="submit" value="送信"> </form> </div>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

formタグのaction属性は何を設定すべきでしょうか?

https://developer.mozilla.org/ja/docs/Web/HTML/Element/form

action

フォーム経由で送信された情報を処理するプログラムの URL。この値は <button>, <input type="submit">, <input type="image"> の formaction 属性によって上書きすることが可能です。この属性は method="dialog" が設定されている場合は無視されます。

form送信した内容をリクエストとして送信する先を指定するものですが、
設計・要件次第なので他者に聞くことではないと思います。

入力してもらった内容がセキュリティ面からみても問題なく私のところへ届くような

おそらく現状で質問している限りでは自身で実装するのはかなり困難と思いますので、
CMSのプラグインなり、Google Formなり既存のサービス使われたほうが良いと思います。
※いずれにしても既存の回答通りリクエストを受け取るのもメール送信するのもサーバーサイドの仕組みが必要です。

投稿2022/01/21 09:42

m.ts10806

総合スコア80765

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ブラウザからメールを送ることはできないので、メールフォームを作るにはサーバ側の実装が必要です。
html/css/javascriptのみでメールフォームを作るには、サーバ側は既存のサービスを利用する必要があります。

S3 静的ウェブサイトにサーバーレスなお問い合わせフォームを実装してみた(Amazon SES + AWS Lambda + API Gateway) | DevelopersIO

投稿2022/01/21 09:24

Lhankor_Mhy

総合スコア35860

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問