フォームで使う部品

Input要素のType属性一覧

属性

用途

コード

サンプル

属性

hidden

用途

画面上は表示されない隠しデータ

コード

<input type="hidden" value="hidden1"/>

サンプル

-

属性

text

用途

一行テキストボックスを作成する[初期値]

コード

<input type="text" value="text1"/>

サンプル

属性

search

用途

検索テキストの入力欄[html5より]

コード

<input type="search" value="search1"/>

サンプル

属性

tel

用途

電話番号の入力欄[html5より]

コード

<input type="tel" value="tel1"/>

サンプル

属性

url

用途

URLの入力欄[html5より]

コード

<input type="url" value="url1"/>

サンプル

属性

password

用途

パスワード入力欄

コード

<input type="password" value="password1"/>

サンプル

属性

datetime

用途

協定世界時(UTC)による日時の入力欄[html5より]

コード

<input type="datetime" value="2010-01-23 12:34:56"/>

サンプル

属性

date

用途

日付の入力欄[html5より]

コード

<input type="date" value="2010-01-23"/>

サンプル

属性

month

用途

月の入力欄[html5より]

コード

<input type="month" value="2010-01"/>

サンプル

属性

week

用途

週の入力欄[html5より]

コード

<input type="week" value="2010-W01"/>

サンプル

属性

time

用途

時間の入力欄[html5より]

コード

<input type="time" value="12:34"/>

サンプル

属性

datetime-local

用途

ローカル日時の入力欄[html5より]

コード

<input type="datetime-local" value="2010-01-23T12:34"/>

サンプル

属性

number

用途

数値の入力欄[html5より]

コード

<input type="number" value="2010"/>

サンプル

属性

color

用途

色の入力欄[html5より]

コード

<input type="color" value="#112233"/>

サンプル

属性

checkbox

用途

チェックボックス

コード

<input type="checkbox" value="checkbox1"/>checkbox1

サンプル

属性

radio

用途

ラジオボタン

コード

<input type="radio" value="radio1"/>radio1

サンプル

属性

file

用途

サーバーへ送信するファイル

コード

<input type="file" value="file1"/>

サンプル

属性

submit

用途

送信ボタン

コード

<input type="submit" value="submit1"/>

サンプル

属性

image

用途

画像ボタン

コード

<input type="image" src="パス"/>

サンプル

属性

reset

用途

リセットボタン

コード

<input type="reset" value="reset1"/>

サンプル

属性

buton

用途

汎用ボタン

コード

<input type="buton" value="buton1"/>

サンプル