workingForm

Create a Working Contact Form in HTML CSS JavaScript & PHP

1. https://www.youtube.com/watch?v=el4ODMN4bYk&list=PLpwngcHZlPaf1aw42OGyitm4jh2Dlmi9c

2. 名前、Eメール、電話番号、Webサイト、送信するメッセージを作成して
   メッセージを送信ボタンを押すと、入力したEメールアドレスにメッセージが送信されます。

全体構造

 workingForm
├─ .gitignore
├─ composer.json
├─ composer.lock
├─ index.html
├─ message.php
├─ README.md
├─ screenshot.gif
├─ script.js
└─ style.css

開発環境

1. Windows 10プロ
2. XAMPP 8.1.2
3. Visual Studio Code

コードの使い方

1. GIT CLONEまたはZIPファイルのダウンロード
2. xampp/htdocs フォルダ内にダウンロードしたファイルをコピーする
3. XAMPP Control Panelの実行後にApache Start
4. vscodeでworkingFormフォルダを開き、ターミナルの電源を入れてcomposer installコマンドを実行する（vendorのインストール）
5. 実使用時に message.php の $mail->Host、$mail->Username、$mail->Password などの詳細履歴の修正が必要
6. ブラウザの実行後にアドレスウィンドウにhttp://localhost/workingForm/index.htmlと入力