HTML input type一覧

ファイル更新: 2026-06-18 行数: 22 列数: 4
更新履歴(1回)
  • 2026-06-18T11:03:06+09:00 / 22行 / ?????????
操作
元CSVをダウンロード
列表示ON/OFF
読み込み中...
type purpose_ja example note
text 一行のテキスト入力 <input type="text"> 既定の入力タイプ
password 伏字のパスワード入力 <input type="password"> 入力値が黒丸等で隠れる
email メールアドレス入力 <input type="email"> 形式の簡易検証あり
url URL入力 <input type="url"> 形式の簡易検証あり
tel 電話番号入力 <input type="tel"> 検証はしないが入力支援される
number 数値入力 <input type="number"> min/max/stepを指定できる
range 範囲スライダー <input type="range"> 数値をスライダーで選ぶ
search 検索語入力 <input type="search"> クリアボタンが付くことがある
date 日付選択 <input type="date"> カレンダーUIが出る
time 時刻選択 <input type="time"> 時刻ピッカーが出る
datetime-local 日時選択 <input type="datetime-local"> タイムゾーンなしの日時
month 年月選択 <input type="month"> 年と月を選ぶ
week 週選択 <input type="week"> 年と週番号を選ぶ
color 色選択 <input type="color"> カラーピッカーが出る
checkbox 複数選択のチェック <input type="checkbox"> オン/オフを切替
radio 排他選択のラジオ <input type="radio"> 同名グループで1つ選ぶ
file ファイル選択 <input type="file"> acceptで種類を制限できる
hidden 非表示の値 <input type="hidden"> 画面に出ないデータ
submit 送信ボタン <input type="submit"> フォームを送信する
reset リセットボタン <input type="reset"> 入力を初期値に戻す