*

お問い合わせフォームを作ろう! その1(HTML)

公開日: : 最終更新日:2015/10/06 PHP, 講義 , ,

このサイト、PHPの学習サイトなのに内容から遠ざかっていました(爆)

個人的にはプログラミング自体は別のサイトでも学習できるので、「プログラミングの考え方」「IT業界の実態」なんかのほうが役に立つとはおもっているんですけどね。

といいつつもやはり学習サイトなのでPHPでお問い合わせフォームを作ってみようと思います。

お問い合わせフォームを作るには

とりあえず、一番初めなので以下の仕様にしてみましょう。

  • 入力欄は苗字と名前のみ
  • 未入力時には「~を入力してください」と表示
  • 両方とも入力があった場合、thanks!と表示

画面イメージとしては下記のような感じです。

aaa

お問い合わせフォームを作るにはまずHTMLで入力欄を設置し、その後飛ばされたデータを処理する部分をPHPで実装する必要があります。

formタグ

この画面を作るためには以下のようなソースを書く必要があります。

画面自体は普通のHTMLです。

データを入力する部分ですが、

という部分です。

この部分をformタグといい、この中に挟まれた部分が送信される部分です。

ちなみに<form method=”post” action=””>の

method:データの送信方法です。厳密に4タイプありますがとりあえずpostと入力することだけ覚えておけば問題ありません。

action:これは送信先です。””になっているのは自分自身という意味で、データを自分自身に送るという意味です。

最初のうちはほとんどこのパターンなので決まり文句で入力して構わないかと思います。

inputタグ

データを送る部分はformタグで挟まれた部分ですが、データを入力する箱やボタンはinputといわれるタグで作ります。

type:入力欄の性質です。ただのテキストはtextですが、passwordと入力すると文字がみえないようになります。

name:データの名称です。この場合だとfamily_nameという箱の中にデータが入れることになります。

value:データの中身です。最初は当然何もないので空白にしておきます。

ちなみに一番最後のinputに関してはtypeがsubmitとなっています。

これは送信ボタンという意味です。nameがデータの名称なのはかわりませんが、valueというのはボタンに表示されている文字になります。

とりあえずこれで表画面ができました。この状態では当然、PHPを実装していませんので、ボタンを押してもなんの反応もありません。

次回以降PHPの処理をすすめていきます。

次回はこちらです。

お問い合わせフォームを作ろう! その2(PHP)

関連記事

データを扱ってみよう その1(変数)

こんにちわ、松本です。 前回の記事は読んでいただけたでしょうか。私よりPHPに関して知識のある

記事を読む

XAMPPインストール

さて、XAMPPの初歩的な説明とエディタについて説明をしたところで実際にXAMPPをインストールして

記事を読む

PHP 掲示板

PHPで掲示板を作ろう! 掲示板の作成方法 その3(エラーチェックとファイル書き込み)

今回はPHPのコードの説明です。 掲示板の作成方法についてやります。 えー、前回の掲示板

記事を読む

初心者でもできる!作れる!WEBサービスの開発 その3 運営体験記編

(前回までの続き) 初心者でもできる!作れる!WEBサービスの開発 その1 準備編 初心

記事を読む

データを扱ってみよう その2(配列)

こんばんは松本です。 少しずつ暖かくなってきましたね。暖かいのはいいんですが、オフィスでブログ

記事を読む

気を付けよう!個人事業主として働くときのトラブル

最近は開発のほうが忙しく、更新頻度が落ちているのですが、既存の記事を読んでる読者さんが多く、アクセス

記事を読む

初心者が読みやすいコードを書くときに気をつけたい4つのポイント

本日のお題は、「読みやすいコードの書き方」についてです。 プログラミングをやりたての頃は機能を

記事を読む

文字化けを回避するには

こんにちは。松本です。 最近は実務ではJavaをやっていることが多いのですが、まだ普及していな

記事を読む

教え方がうまい人に共通するたった1つの考え方

やや遅い気もしますが、あけましておめでとうございます。 今年もよろしくお願いします。 昨

記事を読む

フレームワークのメリット・デメリット

こんばんは。松本です。 昨日25日にはオフィスで第一回目の授業を開講させていただきました。広島

記事を読む

Comment

  1. […]  www.dt30.netお問い合わせフォームを作ろう! その1(HTML) | ガチンコPHP塾https://www.dt30.net/gachinko/?p=394このサイト、PHPの学習サイトなのに内容から遠ざかっていました(爆) 個人的にはプ […]

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

転職エージェントについて

さて、エンジニアとして転職を考えている人であれば転職エージェントを使っ

エンジニアが転職して年収を上げる方法を考えてみました。

えー前回の記事でも書きましたが、2020年2月現在転職活動中です。

2020年のご挨拶

今更ですが、明けましておめでとうございます。 2019年も2本し

自社開発>客先常駐である本当の理由

このブログでも何回か取り上げていますが、ITエンジニアの働き方としては

エンジニアにとって必要なコミュニケーション能力とは

気がついたらもう3月下旬になっていますね・・ 年末年始忙しかった

→もっと見る

  • follow us in feedly
PAGE TOP ↑