フォーム

ホームページにはお問い合わせがつきもの。
まずはフォームタグを使ってコーディング制作し、phpでプログラムします。

フォーム

<form></form>
フォームは、ビジターがブラウザに直接入力して、メールを送れる、お問い合わせなどによく使われるタグです。
フォーム全体をformタグで囲い、内容を作ります。
htmlのフォームタグによって、ブラウザに形としては表示されますが、実際に使えるようにするにはphpでのプログラムが必要となります。
phpの勉強はまだでも、まずは形から入りましょう。

テキスト

<input type="text" />
お問い合わせフォームで、名前やメールアドレス、電話番号、住所など、一行で書ける内容のものに使用されます。
四角に線でかこまれた状態で表示されます。

<form>
　お名前<input type="text" />
　メールアドレス<input type="text" />
　ご住所<input type="text" />
</form>

テキストエリア

<textarea></textarea>
お問い合わせフォームで、お問い合わせ内容など、長い文章などを書く所に使われます。
これも、四角く線でかこまれた状態で表示されます。
cssで幅や高さを指定しましょう。

<form>
　お問い合わせ内容<textarea></textarea>
</form>

ラジオボックス

<input type="radio">
お問い合わせフォームで、用意された項目を、ひとつだけ選ぶ場合に使用されます。
小さな丸いチェックボックスがつきます。

資料請求

ホームページに関するお問い合わせ

<p>お問い合わせ内容<p>
<form>
　<input type="radio">資料請求
　<input type="radio">ホームページに関するお問い合わせ
　<input type="radio">商品に関するお問い合わせ
　<input type="radio">その他
</form>

チェックボックス

<input type="checkbox">
お問い合わせフォームで、用意された項目を、複数チェックする場合に使用されます。
小さな四角いチェックボックスがつきます。

赤

青

<p>好きな色をいくつでもおえらびください。<p>
<form>
　<input type="checkbox">赤
　<input type="checkbox">青
　<input type="checkbox">緑
　<input type="checkbox">黄色
　<input type="checkbox">白
　<input type="checkbox">黒
</form>

セレクト

<select><option></option></select>
お問い合わせフォームで、用意された項目を、ひとつだけ選ぶときに使われます。四角く囲まれ、プルダウン表示されます。

<p>職種<p>
<form>
　<select>
　　<option>製造業</option>
　　<option>ホームページデザイナー</option>
　　<option>主婦</option>
　　<option>無職</option>
　　<option>その他</option>
　</select>
</form>

ホームページの制作に役立つ書籍はこちら

ページのトップへ