フォームについて
お問い合わせなどで使われるフォーム。
ここでは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="(例)山田 花子"