HTMLだけでコンタクトフォーム(お問い合わせフォーム)を作る方法

[@ばっさ-e9i]

たすかります

[@アルサコルピーヤ]

分かりやすかったです。ありがとうございます。最後の｢ラジオボタンの結果｣送信方法も教えてくれると良かったのですが、それは今でも分からないですか？

[@python3343]

これやりたかったやつだ まじでありがとうございます！

[@angelsshere01]

拝見してとても参考になりました。HTMLで作るとなると、セキュリティ上ではあまり推奨されるものではないのでしょうか。なにか対策の方法などがあれば教えて頂けますでしょうか？よろしくお願い致します。

[@programming_tutorial_youtube]

コメントありがとうございます。
そうですね、hidden属性はソースコードを見るとvalue属性が見えてしまいます。
なのでアクセスコードが見られてしまうことになります。それを利用して迷惑メール等を送られる可能性があるでしょう。
本来であればphpを利用してセッション変数などで管理するのが1番です。
ですので、セキュリティ対策を万全にしたいのであればphpでフォームを作るのが無難だと思います。
htmlやcss等のレイアウトはそのまま使えます。staticフォームは簡易的に素早く設置したいときに利用すると良いかもしれません。

[@ひうり]

初心者でHPを作っているので非常に助かりました。
ありがとうございます。
1つ質問なのですが、type=hiddenとした時にvalueにあるコードは外部からは見えないのでしょうか？
試しに作ってみたのですが、検証ツールでHTMLのコードを開いたら自分のPCからはvalue設定してあるキーコードが見ることが出来ました。
すみません、初心者なので変な質問でしたらごめんなさい🙇‍♂️

[@kenshisboyaki8138]

画像を添付させたい時はどうなりますか？

[@9dkGfe]

完了画面作成はどのようにしたら良いでしょうか

[@tsalachjapan7219]

こんにちは、初心者でも大変助かります。ありがとうございます。
一つ質問なんですが、添付ファイルですとinputタグのtype属性にtype="file"と付け足したが、メールに届けない状態です。届ける内容はname,email,messageしかありませんが。どうすれば良いでしょうか。
ご回答の程、宜しくお願い致します。

[@moto_h]

お問合せフォームを作りたかったので大変助かりました。
私の html/css の能力では、まだ着いて行けないところがありますが、有難うございます。
添付ファイル機能を付けるのは難しいですか？

[@programming_tutorial_youtube]

motoakiさん、ご視聴ありがとうございます。
添付ファイルですとinputタグのtype属性に
type="file"と付け足すだけで実装できます。

[@moto_h]

@@programming_tutorial_youtube
早速のお返事　有難うございます。
今度はサイドバーにチャレンジします。

[@栗悟飯とカメハメ波-e5m]

作業しながらリロードしなくても進捗状況が更新されるのってどうやっていますか？

[@ruharuroblox]

名前やメールアドレスのテキスト欄を、「お名前」「メールアドレス」の下に持ってくるには、どうすればいいでしょうか？

[@とす-u6y]

メッセージ送信後の画面を変えることってできますか？
メッセージを送信しました。というように表示したいのですが…

[@コンシバブル]

こんにちは。とてもタメになります。本当にありがとう御座います。
もしよろしければ、一つ教えて頂きたい事が御座います。
メール送信後の画面なのですが、
黒い画面に{"message":"Email Sent","success":true}
と表示します。送信者はホームページに戻れず困るかな、と思ったのですが。
ホームページに戻るボタンなど、自動で戻る機能などは付けられませんでしょうか。
お忙しい所すみません。
どうかご教授願います。

[@programming_tutorial_youtube]

ホームへのリダイレクトであれば
window.location.href = "/"
のような書き方も存在しますが、どのようなフロントの設計になっているのか分からないので、お答えすることが難しいです、、すみません。
ただページを変更せずに、送信したら成功のメッセージだけを同じページに表示すれば良いと思います。

[@greenapple685]

@@programming_tutorial_youtube
ご丁寧な解説を有難う御座いました。
私も送信者をホームページに戻したいと考えておりますが、上手くできません。
先に挙げられた、送信後にホームページとどまり続けるには、どうすれば良いでしょうか。
ご回答の程、宜しくお願い致します。

[@Pentagon5-ch]

それなら簡単です

[@Pentagon5-ch]

form内にinput type="hidden" name="redirectTo" value=" でできます
スペルミスがあったらすみません😢

[@Pentagon5-ch]

飛びたいリンクにそのページのリンクでも貼ればホームページに飛ぶこともできますし"送信完了"というページに飛ばすことも可能です

[@りーめんりーめん]

キーコードが送られてきません何故でしょうか？

[@スキソル]

これにサーバー側のスキルなしで実際に送ったりする機能を付けれたりはしますでしょうか

[@博之鈴木-e9f]

{"success":false,"message":"Please provide a valid access key"}と出てしまい送信できません。同じメールアドレスは使えないので、新しいアクセキーは作れません。解決方法はありますか?

[@programming_tutorial_youtube]

アクセスキーは正常にセットしていますでしょうか。もしセットしてもダメであればアカウントをもう１つ作成してアクセスキーを取得するしかないでしょう。
今回もご視聴ありがとうございます。

[@あ紅び]

こんにちは😊 とてもわかりやすく参考になってます！「"メッセージ："認証トークンがありませんの原因てわかられますか？😢

[@programming_tutorial_youtube]

apiキーが正常にセットされていない可能性がありますので、ご確認いただけると良いと思います。

[@LeaLea-h7m]

届いたメールに予約席と質問内容がないのはなぜですか？

[@9dkGfe]

25:24 で解説してますよ！