mt_memo

WEBデザイナーを目指すmtの備忘録です。

フォームについて

お問い合わせなどで使われるフォーム。

ここではformタグについて記述していきます。

 

<form>

<input type="★" name="名前" value="表示したい内容を入力">

</form>

 

type="★"に入力する種類

★テキスト:text

★パスワード:password(文字を非表示にしてくれます)

★添付ファイル:file

ラジオボタン(1つのみ選択可能):radio

 <input type="radio" name="sex" value="man">男性

 <input type="radio" name="sex" value="woman">女性

※checked_"checked"(最初からチェックを入れておくことができます)

★チェックボタン(複数選択可能):check

 <input type="check" name="fruit" value="apple">りんご

 <input type="check" name="fruit" value="orange">みかん

 

その他の種類

●ドロップダウンリスト

<select name="名前" size="高さの設定">

<option>10代</option>

<option>20代</option>

<option>30代</option>

</select>

※selected_"selected"(最初からチェックを入れておくことができます)

●テキストエリア

<textarea cols="横幅○文字分" rows="高さ○行分" name="名前">表示したい内容を入力</textarea>

●実行/キャンセル

<input type="submit" value="実行">

<input type="reset" value="キャンセル">

 

HTML5にて追加されたタグ

★日付:date(カレンダーが表示されます)

★色:color(カラーピッカーが表示されます)

★メール:email(アドレスのチェックをしてくれます)

★電話:tel(スマホの場合はテンキーが表示されます)

★数:numberスマホの場合はテンキーが表示されます)

 

記入例を入れておきたい場合は…

・value="ここに名前を入れて下さい。"

・placeholder="(例)山田 花子"