webデザインメモ

webデザインの勉強をしています。ここでは、日々学んだ知識をまとめていきます。

フォームの構造

 

フォームを使うと、顧客データの入力や、アンケートを実施することができる。

 

フォームでは、開始と終了にそれぞれ以下を記述する。

<form action="index.html" method="post">

</form>

 

action属性→フォームをどこに送信するか、送信先の設定

method属性→データをどのように送信するか設定する

 

フォームの種類

テキストボックス

→氏名、メッセージなどを入力することができる

<input type="text" name="name" size="20" value="お名前">

 

ラジオボタン

→二者択一の質問項目

<input type="radio" name="sex" value="male" checked>

checkedを記述されたものは予めチェックが入る

 

チェックボックス

複数選択可の質問項目

<input type="checkbox" name="mobile" value="1">

 

リスト

複数のプルダウンメニューから選択することができる

selectタグの中にoptionで選択項目を入力

 

<select name="language">

<option>日本語</option>

<option>英語</option>

<option>スペイン語</option>

<option>中国語</option>

</select>

 

送信ボタン

<input type="submit" value="送信">

で作成。