押さえておきたいWeb知識の情報サイト押さえておきたいWeb知識の情報サイトWeb知識のことなら何でもお任せTEL.018-829-3038株式会社サン・システムズコーポレーションメニューコンテンツへスキップトップページWeb基礎知識KotlinPHPWebマーケティング情報セキュリティお問い合わせトップ›PHP›[PHP入門]お問い合わせフォームの作り方を徹底解説![前編][PHP入門]お問い合わせフォームの作り方を徹底解説![前編]お問い合わせフォームはユーザーとの窓口になります。使いやすいお問い合わせフォームを設置することでお問い合わせが増えるきっかけにもなるでしょう。このページではお問い合わせフォームの作り方を詳しく解説していきます。「6.submitタグ」1.お問い合わせフォームの構成お問い合わせフォームを設置する場合、どのような画面の動きになるのでしょうか。3段階となっています。ユーザーが入力した内容が正しいかどうかを確認する画面です。お問い合わせフォームが送信されたことを通知するための画面です。ここでは詳しく解説はしませんが、お問い合わせフォームの入力内容やデザインはお問い合わせが増えるかどうかの一つの要因になります。そのため、ユーザーが使いやすいお問い合わせフォームにする必要があります。2.HTMLでお問い合わせフォームの作成お問い合わせフォームを作成していく前に、フォームとは何かを解説していきます。フォームはユーザーが入力した内容を受け取って画面を移動させる役割を担っています。フォームを利用することでお問い合わせフォームだけでなく、予約システム、検索ページなど様々なWebアプリケーションを作成することができます。フォーム自体はHTMLで作成していきます。HTMLはWebページの構造を記述するためのマークアップ言語で、HTMLタグを利用して表記していきます。HTMLについての詳しい解説は以下をご覧下さい。CSSとは?」それではお問い合わせフォームをHTMLで作成していきましょう。以下はHTMLで入力画面を作成したプログラムです。value="確認画面へ"></form></body></html>上記を見て分かるかと思いますが、お問い合わせフォームは主にformタグ、inputタグ、textareaタグを利用してフォームを作成します。以下は上記のプログラムで作成した入力画面となっています。次にformタグ、inputタグ、textareaタグを個別に詳しく見ていきましょう。3.formタグformタグは入力画面を次の画面に渡す役割を担っています。そのため、text、textarea、submitなどの要素はformタグ内に記述する必要があります。次にformタグの中身を詳しく見ていきましょう。methodでは送信方法を指定しており、POSTでデータを送信しています。actionでは送信先を指定しており、check.phpにデータを送信しています。そのため、「確認画面へ」というボタンをクリックすると、画面がcheck.phpに遷移します。あわせて読みたい⇒⇒POSTについての詳しい詳細はこちら「通信プロトコルのHTTPとは何かわかりやすく解説!」4.inputタグinputタグはテキストボックスや送信ボタンを設置するために使用します。inputタグの中身を詳しく見ていきましょう。typeでは種類を指定しています。textと指定されている時は、テキストボックスが設置され、submitと指定されている時は、ボタンが設置されます。submitと指定するとクリックしたタイミングで確認画面に切り替えることができます。nameでは名前を指定しています。nameはブラウザに表示されませんが、PHPと連携する時に使用されます。sizeではテキストボックスの長さを指定しています。5.textareaタグtextareaタグはお問い合わせ内容などの長い文字列のために使用します。textareaタグの中身を詳しく見ていきましょう。rowでは行数を指定しています。colsでは幅を指定しています。nameでは名前を指定しており、PHPと連携する時に使用されます。