2016.08.26 (Fri) Category : technology Author :

HTMLのフォーム

テキストボックス
テキストボックス

<input type="text" name="name" size="30">

チェックボックス
チェックボックス

<input type="checkbox" name="cat" value="アメリカンショートヘア">アメリカンショートヘア
<input type="checkbox" name="cat" value="マンチカン">マンチカン
<input type="checkbox" name="cat" value="ペルシャ">ペルシャ"
<input type="checkbox" name="cat" value="スフィンクス">スフィンクス

ラジオボタン
ラジオボタン

<input type="radio" name="sex" value="オス">オス
<input type="radio" name="sex" value="メス">メス

セレクト
セレクト

<select id="occupation" name="occupation">
<option value="" selected="selected">選択してください</option>
<option value="1">猫</option>
<option value="2">犬</option>
<option value="3">ウサギ</option>
<option value="4">ハムスター</option>
<option value="5">ゾウ</option>
<option value="6">その他</option>
</select>

テキストエリア
セレクト

<textarea rows=”10″ cols=”60″>ここの文字はテキストエリア内に表示されます</textarea>

ヒデゥン

<input type="hidden"name="hid" value="猫隠し">

ボタン
送信ボタン

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

リセット
リセットボタン

 <input type="reset" value="リセット">

コメントを残す

%d人のブロガーが「いいね」をつけました。