0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

input [type=" "]の"  "内の種類

Last updated at Posted at 2021-06-14
説明 基本的な例
button プッシュボタンで、既定の動作を持たず、value属性の値(既定では空)を表示します。 20210614-201209.png
checkbox チェックボックスで、選択または未選択のうちひとつの値をとることができます。 20210614-201259.png
color 色を指定するためのコントロールです。対応しているブラウザーでは、アクティブになったときにカラーピッカーが開きます。 20210614-201355.png
date 日付(時刻を除く年、月、日) を入力するためのコントロールです。対応しているブラウザーでは、アクティブになったときに日付ピッカーまたは年月日の数値のホイールが開きます。 20210614-201445.png
datetime-local タイムゾーン情報がない日付と時刻を入力するためのコントロールです。対応しているブラウザーでは、アクティブになったときに日付ピッカーまたは日付および時刻部分の数値のホイールが開きます。 20210614-201553.png
email 電子メールアドレスを編集するための欄です。text 入力欄のように見えますが、対応しているブラウザーや動的なキーボードのある端末では、入力値を検証したり、関連するキーボードを表示したりします。 20210614-201651.png
file ユーザーがファイルを選択するコントロールです。accept 属性を使用して、コントロールが選択することができるファイル形式を定義することができます。 20210614-201741.png
hidden 表示されないコントロールですが、その値はサーバーに送信されます。隣の列には例がありますが、非表示です。
image グラフィックのsubmitボタンです。src属性で定義された画像を表示します。alt 属性はsrcの画像が見つからないときに表示されます。 20210614-201846.png
month タイムゾーン情報がない年と月を入力するためのコントロールです。 20210614-202012.png
number 数値を入力するためのコントロールです。対応していればスピナーを表示し、既定の検証を追加します。動的キーボードを持つ一部の端末では、テンキーを表示します。 20210614-202113.png
password 入力値を隠す単一行テキストフィールド。サイトが安全ではない場合はユーザーに警告します。 20210614-202436.png
radio ラジオボタンで、同じ name の値を持つ複数の選択肢から一つの値を選択することができます。 20210614-202523.png
range 厳密な値であることが重要ではない数値を入力するためのコントロールです。範囲のウィジェットを表示し、既定では中央の値になります。 min と max の組み合わせで、受け入れる値の範囲を定義することができます。 20210614-202624.png
search 検索文字列を入力するための単一行のテキスト欄です。入力値から改行が自動的に取り除かれます。対応しているブラウザーでは、入力欄を初期化するための削除アイコンが表示されることがあり、欄の内容を消去するために使用することができます。動的なキーパッドを持つ一部の端末では、 Enter キーの代わりに検索アイコンを表示します。 20210614-202729.png
submit フォームを送信するボタンです。 20210614-202816.png
tel 電話番号を入力するためのコントロールです。動的なテンキーを備えた一部の機器では、電話用のテンキーを表示します。 20210614-202909.png
text 既定値です。単一行のテキスト入力欄です。改行は自動的に入力値から取り除かれます。 20210614-203032.png
time タイムゾーン情報がない時刻を入力するためのコントロールです。 20210614-203114.png
url URL を入力するための入力欄です。 text 入力欄のように見えますが、対応しているブラウザーや動的なキーボードのある端末では、入力値を検証したり、関連するキーボードを表示したりします。 20210614-202729.png
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?