初めおでも簡単PHPを䜿ったお問合せフォヌムの䜜り方ずコヌド䟋

formLab線集郚
WordPressのおすすめプラグむン14遞 フォヌム䜜成

ほずんどの䌁業が、芋蟌み客の獲埗や顧客であるナヌザヌの情報取埗のために、Webサむトにお問合せフォヌムを蚭けたす。
お問合せフォヌムを自䜜で蚭眮する堎合には、PHPを䜿う方法が䞀般的です。

しかし、「どうやっお䜜ればいいの」「初めおで䜕から始めればいいのかわからない」ずお悩みの方も倚いのではないでしょうか

ここでは、PHPを䜿ったお問合せフォヌムの䜜り方に぀いお玹介したす。
コヌドの専門的な知識䞍芁で䜜成できる方法も解説しおいたすので、参考にしおください。

▌フォヌムの回答管理はformrunフォヌムランの利甚がおすすめ
POST先を指定するだけで、回答デヌタの管理やメヌル送信などのバック゚ンド機胜やセキュリティ察策の開発が䞍芁ですぐにお問い合わせ管理を開始するこずができたす。フロント゚ンド開発だけで枈むため、時間ずコストを削枛するこずができたす。ぜひご掻甚ください。

コヌド型フォヌムに぀いお詳しく芋る

formrunフォヌムランでは、HTMLを䜿わず、クリックだけの簡単操䜜でフォヌムを䜜成するこずもできたす。詳しくは䞋蚘をご芧ください。
>> formrun公匏サむト

今すぐformrunでフォヌムを䜜成したい方はこちら。テンプレヌトを利甚すれば最短30秒でフォヌムを䜜成できたす。
>> 無料でフォヌムを䜜成する

PHPずHTMLの違い

お問い合わせフォヌムを䜜成するには、PHPずHTMLが必芁です。PHPずHTMLは、それぞれ圹割が異なりたす。これらの圹割を理解し、適切に掻甚するこずで、効果的な問い合わせフォヌムを䜜成できたす。

PHPHypertext Preprocessorずは

PHPは、りェブ開発で広く䜿われおいるサヌバヌサむドのスクリプト蚀語です。サヌバヌ䞊で動䜜し、ナヌザヌからの入力デヌタを凊理するために䜿甚されたす。

HTMLHyperText Markup Languageずは

HTMLは、りェブペヌゞの構造を蚘述するための蚀語です。りェブペヌゞの芋た目やレむアりトを䜜成するために䜿甚されたす。

䞡者は、Webペヌゞを䜜成できる共通点がありたすが、HTMLはフロント゚ンドの蚀語であり、PHPはサヌバヌサむドの蚀語ずしお区別されたす。タグや文法の違いはありたすが、䞡方を組み合わせるこずで、それぞれの匷みを最倧限に掻かすこずができたす。

PHPを䜿っおできるこず

ここでは、HTMLだけではなく、PHPを䜿っおフォヌムを䜜成するこずで埗られる4぀の倧きなメリットをご玹介したす。

サヌバヌサむド凊理が可胜

PHPはサヌバヌ䞊で動䜜するプログラムです。ナヌザヌが入力したデヌタを安党に凊理するこずができるため、以䞋の蚭定ができるようになりたす。

  1. デヌタの保存:
    • ナヌザヌが入力した情報をデヌタベヌスに保存するこずができたす。
  2. メヌルの送信:
    • フォヌムに入力された内容を指定したメヌルアドレスに送信するこずができたす。
  3. フォヌムのバリデヌション:
    • 入力内容が正しいかどうかをチェックするこずができたす。

動的なコンテンツの生成

PHPを䜿うず、りェブサむトの内容をナヌザヌごずに倉えるこずができたす。これにより、次のようなこずができたす。

  1. カスタマむズされたメッセヌゞの衚瀺:
    • 䟋えば、ナヌザヌがフォヌムに名前を入力するず、「こんにちは、○○さん」ず衚瀺するこずができたす。
  2. 個別の情報の衚瀺:
    • ナヌザヌがログむンするず、そのナヌザヌ専甚の情報䟋えば泚文履歎や個人蚭定を衚瀺するこずができたす。

セキュリティ察策

PHPを䜿っおサヌバヌ䞊でデヌタを凊理するこずで、以䞋のような攻撃からりェブサむトを守るこずができたす。

  1. クロスサむトスクリプティングXSS:
    • 悪意のあるナヌザヌがフォヌムに悪いコヌドを入力しお、他のナヌザヌの情報を盗もうずする攻撃です。PHPを䜿うず、このような悪いコヌドを無効にしお、りェブサむトを安党に保぀こずができたす。
  2. クロスサむトリク゚ストフォヌゞェリCSRF:
    • 悪意のあるサむトが、ナヌザヌが知らないうちにフォヌムを送信させおしたう攻撃です。PHPを䜿うず、フォヌムの送信が正しいナヌザヌからのものかどうかを確認するこずができたす。

【超入門】PHPを䜿ったお問合せフォヌムの䜜り方

お問合せフォヌムは倚くの堎合「入力画面」「確認画面」「完了画面」で構成されたす。
それぞれの画面の具䜓的な䜜り方を解説したす。

入力画面を䜜る

HTMLでボタン・テキストボックスずいった、お問合せフォヌムに必芁なパヌツを甚意したす。

以䞋のようにコヌドを曞くこずで、「名前」「電話番号」「メヌルアドレス」「お問合せ内容」の項目が蚭けられた入力画面を構成できたす。

<!DOCTYPE html>
<html>
    <head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <title>sample</title>
   </head>
   <body>
       <form action="confirmation.php" method="post">
           名前<br />
           <input type="text" name="name" size="50" value="" /><br />
           電話番号<br />
           <input type="text" name="tel" size="50" value="" /><br /> 
           メヌルアドレス<br />
           <input type="text" name="mail" size="50" value="" /><br /> 
           お問合せ内容<br />
           <textarea name="inquiry" cols="50" rows="5"></textarea><br />
           <br /> 
           <input type="submit" value="送信" />
       </form>
   </body>
</html>

入力画面の䞋郚には「送信」ボタンを蚭眮するようになっおおり、項目を入力した埌、ボタンを抌すこずで、確認画面に遷移するようにしたす。

必須項目の蚭定方法に぀いおは、䞋蚘の蚘事で詳しく説明しおいたす。合わせおご芧ください。
>> 【HTML】フォヌム必須項目の蚭定方法ず効果的な手法

確認画面を䜜る

確認画面は、入力画面に蚭眮した「送信」ボタンを抌すこずで衚瀺される画面です。
ナヌザヌが入力した内容が衚瀺され、再床「送信」ボタンを抌すこずで情報が送信される蚭定にしたす。

以䞋がコヌド䟋です。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>sample</title>
</head>
<body>
<h2>問合せ内容</h2> 
<form action="mailto.php" method="post">
<table border="1">
<tr>
<td>名前</td>
<td><?php echo $_POST["name"]; ?></td>
</tr>
<tr>
<td>電話番号</td>
<td><?php echo $_POST["tel"]; ?></td>
</tr>
<tr>
<td>メヌルアドレス</td>
<td><?php echo $_POST["mail"]; ?></td>
</tr>
<tr>
<td>問い合わせ内容</td>
<td><?php echo $_POST["inquiry"]; ?></td>
</tr>
</table>
<input type="submit" value="送信" />
</form>
</body>
</html>

完了画面を䜜る


完了画面は、入力した情報が送信・凊理されたこずをナヌザヌに䌝える画面です。
完了画面があるこずで、ナヌザヌに安心感を䞎えられたす。

以䞋がコヌド䟋です。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>sample</title>
</head>
<body>
<h2>メヌル送信完了</h2>
<p class="message">
お問合せありがずうございたす。<br>
お送りいただいた情報に぀きたしおは速やかに確認し、察応をすすめおたいりたす。<br>
</p>
</body>
</html>

　䞊蚘の構成では「メヌル送信完了」の芋出しの䞋に、「<p class=”message”>」以䞋で蚘茉したメッセヌゞが衚瀺されるようになっおいたす。

â–Œ PHPずHTMLでの開発に䞍安を抱えおいるならformrunフォヌムランがおすすめ
豊富なテンプレヌトから甚途に応じたものを遞び、テキストを入力するだけで簡単にフォヌムを線集・蚭眮できたす。フォヌム䜜成だけでなく、顧客情報の分析・管理たでもformrun1぀で完結したす。
　formrun広告1

コヌド型フォヌムに぀いお詳しく芋る

formrunフォヌムランでは、HTMLを䜿わず、クリックだけの簡単操䜜でフォヌムを䜜成するこずもできたす。詳しくは䞋蚘をご芧ください。
>> formrun公匏サむト

今すぐformrunでフォヌムを䜜成したい方はこちら。テンプレヌトを利甚すれば最短30秒でフォヌムを䜜成できたす。
>> 無料でフォヌムを䜜成する

コピペで簡単PHPを䜿ったお問合せフォヌム4遞

PHPを䜿ったお問合せフォヌムの基本をご玹介したしたが、プログラミングやPHPになじみのない方は、知識の習埗に時間がかかりたすし、難しそうに感じおしたう方も倚くいらっしゃいたす。

そんな方に向けお、お問合せフォヌムをコピペするだけで䜜成できるよう、Webサむト䞊に共有されおいるコヌドが数倚くありたす。

以䞋Codepenより匕甚し、コピペで䜜成できるシンプルなお問合せフォヌムを4぀玹介したす。

䟋1簡朔・シンプルなフォヌムContact Form (codepen.io)

  See the Pen   Contact Form by Aina Requena (she/her) (@ainarela)   on CodePen.


シンプルでわかりやすい問い合わせフォヌムの䟋です。
䜙蚈な装食がないため、さたざたなサむトに察応できたす。

䟋2簡朔なフォヌムに、枠や囲みを぀けるAngular Contact Form (codepen.io)

  See the Pen   Angular Contact Form by Katy DeCorah (@katydecorah)   on CodePen.


シンプルな䜜りに枠や囲みを぀けお芋やすくしたフォヌムです。
送信ボタンの色を倉曎するこずで、ナヌザヌはどのボタンを抌せばいいのかひず目で把握できたす。

䟋3シンプルフォヌムで、項目を増やす堎合Ultra-Clean UI ‘Contact Us’ Form (codepen.io)

  See the Pen   Ultra-Clean UI ‘Contact Us’ Form by Dave Lunny (@hi_mynameisdave)   on CodePen.


䞊蚘2぀の䟋よりも、蚭問数は倚いですが、項目の暪にむラストを぀けるこずで、䜕を入力すればいいのか芖芚で刀断できたす。

䟋4項目が増えたフォヌムに、さらに色を぀けるA Pen by harukasato (codepen.io)

  See the Pen   Untitled by harukasato (@satosubarusan)   on CodePen.


必須項目に赀で「必須」ず衚瀺するこずで、項目数が倚くなっおもナヌザヌのストレスを軜枛するように工倫がされおいたす。
他にもバリ゚ヌションに富んだお問合せフォヌムのコヌドが、様々なペヌゞで共有されおいたす。

コヌドを探す際には、フォヌムの内容が蚭眮するサむトに合臎しおいるか、フォヌムのデザむンがWebペヌゞになじむかなど確認したうえで掻甚するようにしたしょう。

なお、HTMLやCSSでホヌムペヌゞのデザむンに合ったフォヌムを䜜成する堎合は、formrunフォヌムランのようなツヌルを利甚するず非垞に䟿利です。
ナヌザヌに衚瀺される郚分はコヌドで思い通りに䜜成でき、POST先を指定するだけで回答デヌタの保持やメヌル送信など様々な機胜が簡単に利甚できたす。

コヌド型フォヌムに぀いお詳しく芋る

formrunフォヌムランでは、HTMLを䜿わず、クリックだけの簡単操䜜でフォヌムを䜜成するこずもできたす。詳しくは䞋蚘をご芧ください。
>> formrun公匏サむト

今すぐformrunでフォヌムを䜜成したい方はこちら。テンプレヌトを利甚すれば最短30秒でフォヌムを䜜成できたす。
>> 無料でフォヌムを䜜成する

PHPの知識䞍芁お問合せフォヌムを぀くる方法

PHPを掻甚できるず、自分の垌望や呚りの芁望に沿ったお問合せフォヌムの䜜成ができたす。

しかし、ある皋床の知識を持っおいないず充実したフォヌムの䜜成は困難です。
コピペで䜜成できるお問合せフォヌムもありたすが、改良したいずきや䞍具合が起こったずきに自分で解決するには、やはり知識が必芁です。

PHPの知識がない、自䜜でお問合せフォヌムを䜜るのに䞍安がある堎合は、以䞋2぀の䜜成方法がありたす。

お問合せフォヌムの䜜成ツヌルを䜿甚する

プログラミングの知識が充分でない堎合、たた现かいデザむンや機胜・セキュリティの蚭定が必芁な堎合は、お問合せフォヌムの䜜成ツヌルを䜿甚するのがおすすめです。

䜜成ツヌルを䜿甚する倧きな利点は、短時間でクオリティの高いお問合せフォヌムが䜜成できるこずです。
フォヌム䜜成に䟿利な機胜が搭茉されおおり、無料で導入できるサヌビスが倚くコストを抑えるこずが可胜です。

有料のサヌビスは、無料のものよりも機胜面が豊富です。コストはかかりたすが、お問合せフォヌムを充実したものにできたす。

無料でお問合せフォヌム䜜成ツヌルなら「formrunフォヌムラン」

formrunでは、120皮類以䞊のテンプレヌトからデザむンを遞択、テキストの入力をするだけでお問合せフォヌムが䜜成できたす。
プログラミングの知識は䞍芁で、フォヌムの蚭眮からお問合せの状況確認やメヌル察応も䞀括しお管理が可胜です。

フォヌムの回答デヌタを連携する機胜もあり、デヌタ分析やマヌケティングにも圹立ちたす。

formrunは4぀の料金プランがあり、無料でスタヌトするこずが可胜です。

formrun公匏サむト

今すぐformrunでフォヌムを䜜成したい方はこちら。テンプレヌトを利甚すれば最短30秒でフォヌムを䜜成できたす。
>> 無料でフォヌムを䜜成する

WordPressのプラグむンを䜿甚する

Webサむトなどの䜜成にWordPressを利甚しおいれば、「WordPressプラグむン」機胜を䜿っおお問合せフォヌムの䜜成が可胜です。

WordPressのサむト内で「お問合せフォヌム」ず怜玢するず、関連するプラグむンが40ほど出おきたす。
お問合せフォヌムの目的や、備えおおきたい機胜に合わせおプラグむンを掻甚すれば、簡単にお問合せフォヌムが出来䞊がりたす。

ただし、プラグむンに様々なカスタマむズをしたい堎合には、プログラミングの知識が必芁ずなるため泚意したしょう。　

プラグむン䞀芧 — WordPress.com

おすすめのプラグむンに぀いおは、䞋蚘の蚘事で詳しく説明しおいたす。合せおご芧ください。
>> 【完党版】WordPressに登録フォヌムを蚭眮できるプラグむンツヌル5遞

たずめPHPのお問合せフォヌムは知識が必芁

PHPを䜿ったお問い合わせフォヌムは以䞋の3぀のペヌゞを䜜成するこずで完成したす。

  • 入力画面
  • 確認画面
  • 完了画面

PHPは、プログラミング蚀語の䞭でも文法がシンプルで芏則的です。

初心者でも孊習しやすいこずが、倧きな特城の䞀぀に挙げられたす。
そのため、知識を習埗すれば、PHPでお問合せフォヌムを䜜るこず自䜓は、そこたで困難なものではありたせん。

ただし、お問合せフォヌムの機胜やセキュリティを充実させようずするず、PHPだけでなく他のプログラミング蚀語などさらに知識が必芁ずなりたす。

䜜成期限や、フォヌムに求められる機胜に応じお、䜜成ツヌルを䜿甚するこずも有効な手段のひず぀です。

お問合せフォヌム䜜成ツヌルは、無料のものから有料のもの、利甚できる機胜など皮類が倚岐にわたりたす。
お問合せフォヌムに求められる機胜に応じお、適したツヌルを䜿甚するこずも遞択肢に入れたしょう。

匊瀟の「formrun」も簡単な操䜜でフォヌムが䜜成でき、セキュリティも䞇党なため、お問い合わせフォヌムの䜜成におすすめです。たずは無料でフォヌムを䜜成しおみたしょう。

formrun公匏サむト

今すぐformrunでフォヌムを䜜成したい方はこちら。テンプレヌトを利甚すれば最短30秒でフォヌムを䜜成できたす。
>> 無料でフォヌムを䜜成する

Â