01 / DEVELOPMENT
静的サイトにお問い合わせフォームを設置する方法｜PHPと外部サービスの選び方
静的サイトへのお問い合わせフォーム設置を、PHP対応サーバーと外部サービスに分けて解説。公開先の確認、設置手順、送信エラーの切り分け、納品前のテストを整理します。
PHP・機能実装約4分で読める
FORM NOTES.
Webデザイナーのための、フォーム制作ノート20 ARTICLES「わからない」を、次の一歩に。
つくる力に、
もうひとつ。
お問い合わせフォームの基礎から、デザイン、実装、運用まで。
制作の「ここ、どうする？」に応えるノウハウをまとめました。
START HERE 01
お問い合わせフォームの作り方｜HTML・CSS・PHPを初心者向けに解説
お問い合わせフォームの作り方を、入力・処理・返信の流れから解説。HTML・CSS・PHPの役割、確認画面や自動返信、公開前のチェックまで整理します。
基本の流れを読んでみるTHE LIBRARY
記事を探す.
20 ARTICLES
02 / DESIGN
見積もり依頼フォームの作り方｜必要項目とWeb制作の相談を受ける設計例
見積もり依頼フォームの必要項目をWeb制作の相談例で紹介。予算や納期が未定でも相談できる設計、入力例、受付メール、公開前の確認までまとめます。
デザイン・設計約3分で読める
03 / OPERATION
お問い合わせフォームの納品前チェックリスト｜送信テストと引き継ぎの確認項目
お問い合わせフォームの納品前に確認する入力・確認画面・送受信・添付のチェックリスト。テスト記録の例と、クライアントへ引き継ぐ設定・保守の確認事項を紹介します。
メール・運用約3分で読める
04 / DESIGN
予約フォームの作り方｜希望日時を受け付ける項目例と仮予約の案内文
予約希望を受け付けるフォームの作り方を解説。希望日時や人数の項目例、仮予約の案内文、自動確定との違い、受付後に担当者が行う作業を整理します。
デザイン・設計約4分で読める
05 / DESIGN
採用応募フォームの作り方｜入力項目・履歴書添付・受付メールの設計
採用応募フォームの項目、履歴書のPDF添付、受付メールの設計を紹介。簡単なエントリーと正式応募の分け方、書類の扱い、公開前の確認ポイントを解説します。
デザイン・設計約3分で読める
06 / DESIGN
資料請求フォームの作り方｜BtoBの入力項目とメール・郵送の受付設計
BtoBの資料請求フォームを、メール・郵送の提供方法から設計。必要項目の表、住所の条件分岐、資料の提供手順、営業担当者への引き継ぎを具体例で紹介します。
デザイン・設計約3分で読める
07 / DESIGN
セミナー申し込みフォームの作り方｜必要項目・定員・受付メールの注意点
セミナー申し込みフォームの必要項目と受付メールの例を紹介。代表者申込、定員と残席、参加確定、締切後の受付など、制作前に決めたい運用を整理します。
デザイン・設計約3分で読める
08 / DEVELOPMENT
ファイル添付付きお問い合わせフォームの作り方｜PDF・画像の容量と安全対策
PDF・画像を添付できるお問い合わせフォームの設計ガイド。形式・点数・容量、PHPとメールの上限、一時保存、サーバー側の検証、公開前のテストを解説します。
PHP・機能実装約4分で読める
09 / BASICS
お問い合わせフォームの制作費用はどう決める？見積もりの内訳と買い切り型の考え方
お問い合わせフォームの制作費用を、要件整理・画面調整・メール設定・テスト・引き継ぎに分解。仮の工数例と、買い切り型を使う場合の見積もりの考え方を紹介します。
フォームの基礎約4分で読める
10 / DESIGN
EFOとは？お問い合わせフォームの離脱を減らす改善チェックリスト
EFOの基本と、フォームの離脱を減らす改善チェックリスト。必須項目、ラベル、エラー後の修正、スマートフォン操作、完了率の見方を具体例で解説します。
デザイン・設計約4分で読める
11 / BASICS
お問い合わせフォームの作り方｜HTML・CSS・PHPを初心者向けに解説
お問い合わせフォームの作り方を、入力・処理・返信の流れから解説。HTML・CSS・PHPの役割、確認画面や自動返信、公開前のチェックまで整理します。
フォームの基礎約16分で読める
12 / BASICS
お問い合わせフォームはHTML・CSSだけで作れる？メール送信まで解説
HTML・CSSでできることと、メール送信に必要な仕組みを整理。PHP・SMTP・JavaScriptの役割や、静的サイトへのフォーム設置方法を解説します。
フォームの基礎約14分で読める
13 / DESIGN
お問い合わせフォームのデザイン｜おしゃれで見やすく入力しやすい作り方
おしゃれで入力しやすいお問い合わせフォームを作るために。余白、ラベル、CSSの共通ルール、スマートフォン対応、エラー表示の考え方を解説します。
デザイン・設計約15分で読める
14 / DESIGN
お問い合わせフォームに必要な項目は？企業・店舗・フリーランス別に解説
お問い合わせフォームの入力項目は何が必要？名前・メールアドレスなどの基本項目から、必須と任意の分け方、用途に合わせた設計のポイントを整理します。
デザイン・設計約15分で読める
15 / DEVELOPMENT
PHPお問い合わせフォームの作り方｜入力・確認・送信完了まで解説
PHPお問い合わせフォームを入力・確認・送信・完了の4段階で解説。POSTの受け取り、入力検証、自動返信、二重送信対策まで全体の流れを学べます。
PHP・機能実装約16分で読める
16 / DEVELOPMENT
お問い合わせフォームに確認画面は必要？メリットとPHP実装のポイント
お問い合わせフォームに確認画面は必要？メリットとデメリット、向いているケース、PHPでの入力値の保持や安全な表示、二重送信への配慮を解説します。
PHP・機能実装約16分で読める
17 / DEVELOPMENT
お問い合わせフォームの自動返信メールとは？件名・本文・PHP設定を解説
お問い合わせフォームの自動返信メールの役割から、件名・本文の作り方、PHP設定、SMTP送信、メールが届かない場合の確認ポイントまで解説します。
PHP・機能実装約15分で読める
18 / OPERATION
お問い合わせフォームのメールがGmailに届かない原因は？SMTP設定を解説
お問い合わせフォームのメールがGmailに届かない原因を切り分け。フォーム設定、SMTP認証、送信元アドレス、SPF・DKIMなどの確認ポイントを解説します。
メール・運用約17分で読める
19 / OPERATION
お問い合わせフォームのスパム・セキュリティ対策｜最低限やるべきこと
フォームのスパム対策とセキュリティ対策を分けて整理。サーバー側の入力検証、出力時のエスケープ、CSRF対策、添付ファイルや公開前の確認事項を解説します。
メール・運用約16分で読める
20 / BASICS
お問い合わせフォームのテンプレートとは？無料・有料・自作の違いを比較
お問い合わせフォームの無料テンプレート・有料テンプレート・自作を比較。価格だけでなく、制作時間、必要な機能、カスタマイズのしやすさから選び方を考えます。
フォームの基礎約13分で読める
条件に合う記事が見つかりませんでした。
YOUR NEXT STEPFROM KNOWING TO MAKING. ↗
学んだことを、
次の制作案件へ。
フォームの土台があれば、デザインにもっと向き合える。HTML・CSSで編集できる、買い切りのお問い合わせフォーム。
FreelanceFormを見てみる HTML・CSSで編集 / 10デザイン / 買い切り