<input>

フォームの入力を定義します

<form method="post" action="process.php">
  Your name: <input type="text" name="username">
  <input type="submit">
</form>

説明

<input> タグは <form> 内で使用される入力やコントロールを定義する際に使用されます。シンプルなテキストフィールドやチェックボックス、ボタンなどコントロールの種類は様々です。

Note: This is an empty element; it has no closing tag. In XHTML documents, the <input /> syntax is recommended.

Attributes Table

属性 説明
エレメント属性
accept アップロードする際の許可する MIME タイプを指定します
    align コンテンツの配置方法を指定します
    • bottom
    • left
    • middle
    • right
    • top
    alt イメージに対応する代替テキストを指定します
      autocomplete フォームに予め入力される情報を指定します
      • no
      • yes
      autofocus ページの読み込み時に自動的にフォーカスします
        checked ページのロード時にデフォルトで選択状態にします
          disabled 操作を無効にします
            form 入力と関連付くフォームの名前を指定します
              formaction フォームのアクション属性を指定します
                formenctype フォームの enctype 属性を指定します
                  formmethod フォームのメソッド属性を指定します
                    formnovalidate フォームの novalidate 属性を指定します
                      formtarget フォームの target 属性を指定します
                        list 要素と関連する id を指定します
                          max 最大値を指定します
                            maxlength 最大文字数を指定します
                              min 最小値を指定します
                                multiple 複数の値を取り扱うかどうかを指定します
                                  name 入力の名前を指定します
                                    pattern 正規表現を使用してパターンを指定します
                                      placeholder プレースホルダーを指定します
                                        readonly 入力欄を編集できないようにします
                                          required 入力を必須にするかどうかを指定します
                                            size 表示幅を指定します
                                              src 画像の URL を指定します
                                                step ステップの刻み値を指定します
                                                  type input 要素の形式を指定します
                                                  • button
                                                  • checkbox
                                                  • color
                                                  • date
                                                  • datetime
                                                  • datetime-local
                                                  • email
                                                  • file
                                                  • hidden
                                                  • image
                                                  • month
                                                  • number
                                                  • password
                                                  • radio
                                                  • range
                                                  • reset
                                                  • search
                                                  • submit
                                                  • tel
                                                  • text
                                                  • time
                                                  • url
                                                  • week
                                                  value 初期値を指定します
                                                    width 入力フィールドの幅をピクセルかパーセントで指定します
                                                      スタンダード属性
                                                      accesskey 各要素へ移動するキー操作を定義します
                                                      class その要素のクラス名です
                                                      contenteditable 要素が編集可能かを指定します
                                                      contextmenu 要素に対応するメニューを指定します
                                                      dir テキストの方向を指定します
                                                      draggable ドラッグ可能かを指定します
                                                      hidden 要素を隠すかどうかを指定します
                                                      id その要素を識別するための固有の識別子です
                                                      itemprop 要素のマイクロデータプロパティを定義します
                                                      itemscope 要素のマイクロデータグループを作成します
                                                      lang 要素内で使われている言語を指定します
                                                      spellcheck 要素のスペルチェックを制御します
                                                      style CSS スタイルを記述します
                                                      subject マイクロデータプロパティを関連付けます
                                                      tabindex Tab キーによってフォーカスが移動する順番を指定します
                                                      title この要素に補足情報を足します
                                                      translate 要素のコンテンツの翻訳ツールを設定します
                                                      xml:lang 要素内で使われている言語を指定します

                                                      DOM リファレンス

                                                      ハンドラ 説明
                                                      イベントハンドラ
                                                      onchange 属性値の変更時に実行されます
                                                      onclick 要素のクリック時に実行されます
                                                      oncontextmenu コンテキストメニュー使用時に発生するイベント
                                                      ondblclick 要素のダブルクリック時に実行されます
                                                      ondrag 要素のドラッグ時に発生するイベント
                                                      ondragend ドラッグ操作の完了時に発生するイベント
                                                      ondragenter 有効なドロップ先への要素のドラッグ操作完了後に発生するイベント
                                                      ondragleave 有効なドロップ先から要素が離れた際に発生するイベント
                                                      ondragover 要素が有効なドロップ先の上に存在している間に発生するイベント
                                                      ondragstart ドラッグ操作の開始時に発生するイベント
                                                      ondrop ドラッグされた要素のドロップ時に発生するイベント
                                                      onfocus 要素のフォーカス時に実行されます
                                                      onformchange フォームの変更時に発生するイベント
                                                      onforminput フォームの入力時に発生するイベント
                                                      oninput ユーザの要素への入力時に発生するイベント
                                                      oninvalid 要素の無効時に発生するイベント
                                                      onkeydown キーボードの打鍵時に実行されます
                                                      onkeypress キーボードを打鍵し放された際に実行されます
                                                      onkeyup キーが放された際に実行されます
                                                      onmousedown マウスボタンの押下時に実行されます
                                                      onmousemove マウスポインタの移動時に実行されます
                                                      onmouseout 要素からマウスポインタが離れた際に実行されます
                                                      onmouseover 要素へマウスポインタが合った際に実行されます
                                                      onmouseup マウスボタンが放された際に実行されます
                                                      onmousewheel マウスホイールの使用時に発生するイベント
                                                      onreset フォームのリセット時に実行されます
                                                      onscroll 要素のスクロール時に発生するイベント
                                                      onselect 要素の選択時に実行されます
                                                      onsubmit フォームの送信時に実行されます
                                                      メディアイベントハンドラ
                                                      onabort メディアの読込が不正終了した際に発生するイベント
                                                      oncanplay メディアが再生を開始できる際に発生するイベント
                                                      oncanplaythrough メディアが最後まで再生した際に発生するイベント
                                                      ondurationchange メディアの変更中に発生するイベント
                                                      onemptied メディアのリソースが空の際に発生するイベント
                                                      onended メディアの再生が最後に達した際に発生するイベント
                                                      onerror 要素の読込中にエラーが起こった際に発生するイベント
                                                      onloadeddata メディアのリソースが読み込まれた際に発生するイベント
                                                      onloadedmetadata メディアのメタデータが読み込まれた際に発生するイベント
                                                      onloadstart メディアの読込が開始された際に発生するイベント
                                                      onpause メディアが一時停止された際に発生するイベント
                                                      onplay メディアが再生される直前に発生するイベント
                                                      onplaying メディアの再生中に発生するイベント
                                                      onprogress ブラウザが追加のメディアデータを受け取った際に発生するイベント
                                                      onratechange メディアの再生レートが変更された際に発生するイベント
                                                      onreadystatechange メディアの待機状態が変更された際に発生するイベント
                                                      onseeked メディアリソースのシーク時に発生するイベント
                                                      onseeking メディアのシーク時に発生するイベント
                                                      onstalled メディアの読込が停止した際に発生するイベント
                                                      onsuspend メディアの終了前にブラウザが情報の取得を停止した際に発生するイベント
                                                      ontimeupdate メディアの再生位置を変更した際に発生するイベント
                                                      onvolumechange メディアのボリュームを変更した際に発生するイベント
                                                      onwaiting メディアの再生を停止し、再開させる場合に発生するイベント