| {{HTMLElement("input/button", "button")}} |
プッシュボタンで、既定の動作を持たず、 {{anch('attr-value', 'value')}} 属性の値 (既定では空) を表示します。
|
<input type="button" name="button" value="ボタン" />
{{EmbedLiveSample("examplebutton",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/checkbox", "checkbox")}} |
チェックボックスで、選択または未選択のうちひとつの値をとることができます。 |
<input type="checkbox" name="checkbox"/>
{{EmbedLiveSample("examplecheckbox",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/color", "color")}} |
色を指定するためのコントロールです。対応しているブラウザーでは、アクティブになったときにカラーピッカーが開きます。
|
<input type="color" name="color"/>
{{EmbedLiveSample("examplecolor",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/date", "date")}} |
日付 (時刻を除く年、月、日) を入力するためのコントロールです。対応しているブラウザーでは、アクティブになったときに日付ピッカーまたは年月日の数値のホイールが開きます。
|
<input type="date" name="date"/>
{{EmbedLiveSample("exampledate",200,55,"","", "nobutton")}}
|
|
{{HTMLElement("input/datetime-local", "datetime-local")}}
|
タイムゾーン情報がない日付と時刻を入力するためのコントロールです。対応しているブラウザーでは、アクティブになったときに日付ピッカーまたは日付および時刻部分の数値のホイールが開きます。
|
<input type="datetime-local" name="datetime-local"/>
{{EmbedLiveSample("exampledtl",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/email", "email")}} |
電子メールアドレスを編集するための欄です。 text 入力欄のように見えますが、対応しているブラウザーや動的なキーボードのある端末では、入力値を検証したり、関連するキーボードを表示したりします。
|
<input type="email" name="email"/>
{{EmbedLiveSample("exampleemail",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/file", "file")}} |
ユーザーがファイルを選択するコントロールです。 {{anch('attr-accept', 'accept')}} 属性を使用して、コントロールが選択することができるファイル形式を定義することができます。
|
<input type="file" accept="image/*, text/*" name="file"/>
{{EmbedLiveSample("examplefile",'100%',55,"","", "nobutton")}}
|
| {{HTMLElement("input/hidden", "hidden")}} |
表示されないコントロールですが、その値はサーバーに送信されます。隣の列には例がありますが、非表示です。
|
<input id="userId" name="userId" type="hidden" value="abc123">
{{EmbedLiveSample("examplehidden",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/image", "image")}} |
グラフィックの submit ボタンです。 src 属性で定義された画像を表示します。 {{anch('attr-alt', 'alt')}} 属性は {{anch('attr-src', 'src')}} の画像が見つからないときに表示されます。
|
<input type="image" name="image" src="" alt="image input"/>
{{EmbedLiveSample("exampleimage",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/month", "month")}} |
タイムゾーン情報がない年と月を入力するためのコントロールです。 |
<input type="month" name="month"/>
{{EmbedLiveSample("examplemonth",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/number", "number")}} |
数値を入力するためのコントロールです。対応していればスピナーを表示し、既定の検証を追加します。動的キーボードを持つ一部の端末では、テンキーを表示します。
|
<input type="number" name="number"/>
{{EmbedLiveSample("examplenumber",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/password", "password")}} |
入力値を隠す単一行テキストフィールド。サイトが安全ではない場合はユーザーに警告します。
|
<input type="password" name="password"/>
{{EmbedLiveSample("examplepassword",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/radio", "radio")}} |
ラジオボタンで、同じ {{anch('attr-name', 'name')}} の値を持つ複数の選択肢から一つの値を選択することができます。
|
<input type="radio" name="radio"/>
{{EmbedLiveSample("exampleradio",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/range", "range")}} |
厳密な値であることが重要ではない数値を入力するためのコントロールです。範囲のウィジェットを表示し、既定では中央の値になります。 {{anch('attr-min', 'min')}} と {{anch('attr-max', 'max')}} の組み合わせで、受け入れる値の範囲を定義することができます。
|
<input type="range" name="range" min="0" max="25"/>
{{EmbedLiveSample("examplerange",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/reset", "reset")}} |
フォームのコントロールを既定値に初期化するボタンです。推奨しません。
|
<input type="reset" name="reset"/>
{{EmbedLiveSample("examplereset",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/search", "search")}} |
検索文字列を入力するための単一行のテキスト欄です。入力値から改行が自動的に取り除かれます。対応しているブラウザーでは、入力欄を初期化するための削除アイコンが表示されることがあり、欄の内容を消去するために使用することができます。動的なキーパッドを持つ一部の端末では、 Enter キーの代わりに検索アイコンを表示します。
|
<input type="search" name="search"/>
{{EmbedLiveSample("examplesearch",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/submit", "submit")}} |
フォームを送信するボタンです。 |
<input type="submit" name="submit"/>
{{EmbedLiveSample("examplesubmit",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/tel", "tel")}} |
電話番号を入力するためのコントロールです。動的なテンキーを備えた一部の機器では、電話用のテンキーを表示します。
|
<input type="tel" name="tel"/>
{{EmbedLiveSample("exampletel",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/text", "text")}} |
既定値です。単一行のテキスト入力欄です。改行は自動的に入力値から取り除かれます。
|
<input type="text" name="text"/>
{{EmbedLiveSample("exampletext",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/time", "time")}} |
タイムゾーン情報がない時刻を入力するためのコントロールです。 |
<input type="time" name="time"/>
{{EmbedLiveSample("exampletime",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/url", "url")}} |
URL を入力するための入力欄です。 text 入力欄のように見えますが、対応しているブラウザーや動的なキーボードのある端末では、入力値を検証したり、関連するキーボードを表示したりします。
|
<input type="url" name="url"/>
{{EmbedLiveSample("exampleurl",200,55,"","", "nobutton")}}
|
| {{HTMLElement("input/week", "week")}} |
年と週番号で構成される日付を入力するためのコントロールです。週番号はタイムゾーンを伴いません。
|
<input type="week" name="week"/>
{{EmbedLiveSample("exampleweek",200,55,"","", "nobutton")}}
|
| 廃止された値 |
| {{HTMLElement("input/datetime", "datetime")}} |
{{deprecated_inline}} UTC タイムゾーンに基づく日付と時刻 (時、分、秒、秒の端数) を入力するためのコントロールです。
|
<input type="datetime" name="datetime"/>
{{EmbedLiveSample("exampledatetime",200,75,"","", "nobutton")}}
|