この記事は翻訳が完了していません。 この記事の翻訳にご協力ください
HTMLInputElement インターフェイスは <input> 要素のオプション、レイアウト、表示を操作するための特別なプロパティやメソッドを提供します。
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 20%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 120" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/ja/docs/Web/API/EventTarget" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="56" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">EventTarget</text></a><polyline points="111,25 121,20 121,30 111,25" stroke="#D4DDE4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/ja/docs/Web/API/Node" target="_top"><rect x="151" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="188.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Node</text></a><polyline points="226,25 236,20 236,30 226,25" stroke="#D4DDE4" fill="none"/><line x1="236" y1="25" x2="266" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/ja/docs/Web/API/Element" target="_top"><rect x="266" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="303.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Element</text></a><polyline points="341,25 351,20 351,30 341,25" stroke="#D4DDE4" fill="none"/><line x1="351" y1="25" x2="381" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/ja/docs/Web/API/HTMLElement" target="_top"><rect x="381" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="436" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLElement</text></a><polyline points="491,25 501,20 501,30 491,25" stroke="#D4DDE4" fill="none"/><line x1="501" y1="25" x2="509" y2="25" stroke="#D4DDE4"/><line x1="509" y1="25" x2="509" y2="90" stroke="#D4DDE4"/><line x1="509" y1="90" x2="492" y2="90" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/ja/docs/Web/API/HTMLInputElement" target="_top"><rect x="331" y="65" width="160" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLInputElement</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
属性
form 読取専用 |
HTMLFormElement オブジェクト: 親の <form> 要素の参照を返します。 |
formAction |
文字列: 要素のformaction属性に格納された，要素が送信した情報を処理するプログラムへのURIを返却・設定します。親フォームのaction属性を上書きします。 |
formEncType |
文字列: 要素のformenctype属性に格納された，フォームをサーバーに送信する際のメディア型を返却・設定します。親フォームのenctype属性を上書きします。 |
formMethod |
文字列: 要素のformmethod属性に格納されている，ブラウザがフォームを送信する際に用いるHTTPメソッドを返却・設定します。親フォームのmethod属性を上書きします。 |
formNoValidate |
Boolean: 要素のformnovalidate属性に指示されている，送信時にあたってフォームが不正であることを返却・設定します。親フォームのnovalidate属性を上書きします。 |
formTarget |
文字列: 要素のformtarget属性に格納されている，フォーム送信後の応答を表示する場所を指示する名前又は予約語を返却・設定します。親フォームのtarget属性を上書きします。 |
name |
文字列: 要素のname属性に格納されている，フォーム送信時に要素を識別する名前を返却・設定します。 |
type |
文字列: 要素のtype属性に指示されている，制御画面の種別を返却・設定します。<input>のtype属性で設定可能な値を確認できます。 |
disabled |
Boolean: 要素のdisabled属性に指示されている，制御のやりとりができない旨を返却・設定します。当該入力値はフォームと一緒に送信されません。readonlyもご覧ください。 |
autofocus |
Boolean: Returns / Sets the element's autofocus attribute, which specifies that a form control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control. Only one form element in a document can have the autofocus attribute. It cannot be applied if the type attribute is set to hidden (that is, you cannot automatically set focus to a hidden control). |
required |
Boolean: Returns / Sets the element's required attribute, indicating that the user must fill in a value before submitting a form. |
value |
string: Returns / Sets the current value of the control.
Note: If the user enters a value different from the value expected, this may return an empty string. |
validity 読取専用 |
ValidityState object: Returns the element's current validity state. |
validationMessage 読取専用 |
string: Returns a localized message that describes the validation constraints that the control does not satisfy (if any). This is the empty string if the control is not a candidate for constraint validation (willvalidate is false), or it satisfies its constraints. This value can be set by the setCustomValidity method. |
willValidate 読取専用 |
Boolean: Returns whether the element is a candidate for constraint validation. It is false if any conditions bar it from constraint validation, including: its type is hidden, reset, or button; it has a datalist ancestor; its disabled property is true. |
checked |
Boolean: Returns / Sets the current state of the element when type is checkbox or radio. |
defaultChecked |
Boolean: Returns / Sets the default state of a radio button or checkbox as originally specified in HTML that created this object. |
indeterminate |
Boolean: Returns whether the checkbox or radio button is in indeterminate state. For checkboxes, the effect is that the appearance of the checkbox is obscured/greyed in some way as to indicate its state is indeterminate (not checked but not unchecked). Does not affect the value of the checked attribute, and clicking the checkbox will set the value to false. |
alt |
string: Returns / Sets the element's alt attribute, containing alternative text to use when type is image. |
height |
string: Returns / Sets the element's height attribute, which defines the height of the image displayed for the button, if the value of type is image. |
src |
string: Returns / Sets the element's src attribute, which specifies a URI for the location of an image to display on the graphical submit button, if the value of type is image; otherwise it is ignored. |
width |
string: Returns / Sets the document's width attribute, which defines the width of the image displayed for the button, if the value of type is image. |
accept |
string: Returns / Sets the element's accept attribute, containing comma-separated list of file types accepted by the server when type is file. |
allowdirs |
Boolean: Part of the non-standard Directory Upload API; indicates whether or not to allow directories and files both to be selected in the file list. Implemented only in Firefox and is hidden behind a preference. |
files |
Returns/accepts a FileList object, which contains a list of File objects representing the files selected for upload. |
webkitdirectory |
Boolean: Returns the webkitdirectory attribute; if true, the file system picker interface only accepts directories instead of files. |
webkitEntries |
Array of FileSystemEntry objects: Describes the currently selected files or directories. |
autocomplete |
string: Returns / Sets the element's autocomplete attribute, indicating whether the value of the control can be automatically completed by the browser. Ignored if the value of the type attribute is hidden, checkbox, radio, file, or a button type (button, submit, reset, image). Possible values are:on: the browser can autocomplete the value using previously stored valueoff: the user must explicity enter a value |
max |
string: Returns / Sets the element's max attribute, containing the maximum (numeric or date-time) value for this item, which must not be less than its minimum (min attribute) value. |
maxLength |
long: Returns / Sets the element's maxlength attribute, containing the maximum number of characters (in Unicode code points) that the value can have. (If you set this to a negative number, an exception will be thrown.) |
min |
string: Returns / Sets the element's min attribute, containing the minimum (numeric or date-time) value for this item, which must not be greater than its maximum (max attribute) value. |
minLength |
long: Returns / Sets the element's minlength attribute, containing the minimum number of characters (in Unicode code points) that the value can have. (If you set this to a negative number, an exception will be thrown.) |
pattern |
string: Returns / Sets the element's pattern attribute, containing a regular expression that the control's value is checked against. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is text, search, tel, url or email; otherwise it is ignored. |
placeholder |
string: Returns / Sets the element's placeholder attribute, containing a hint to the user of what can be entered in the control. The placeholder text must not contain carriage returns or line-feeds. This attribute applies when the value of the type attribute is text, search, tel, url or email; otherwise it is ignored. |
readOnly |
boolean: Returns / Sets the element's readonly attribute, indicating that the user cannot modify the value of the control.HTML5This is ignored if the value of the type attribute is hidden, range, color, checkbox, radio, file, or a button type. |
size |
unsigned long: Returns / Sets the element's size attribute, containing visual size of the control. This value is in pixels unless the value of type is text or password, in which case, it is an integer number of characters. Applies only when type is set to text, search, tel, url, email, or password; otherwise it is ignored. |
selectionStart |
符号無し4ビット整数: 選択した文章の開始点を返却・設定する。何も選択していない場合，<input>要素内の文章入力カーソル（編集子）の位置を返す。 |
selectionEnd |
符号無し4ビット整数: Returns / Sets the end index of the selected text. When there's no selection, this returns the offset of the character immediately following the current text input cursor position. |
selectionDirection |
文字列: Returns / Sets the direction in which selection occurred. Possible values are:forward if selection was performed in the start-to-end direction of the current localebackward for the opposite directionnone if the direction is unknown |
defaultValue |
string: Returns / Sets the default value as originally specified in the HTML that created this object. |
dirName |
string: Returns / Sets the directionality of the element. |
accessKey |
string: Returns a string containing a single character that switches input focus to the control when pressed. |
list 読取専用 |
HTMLElement object: Returns the element pointed by the list attribute. The property may be null if no HTML element found in the same tree. |
multiple |
Boolean: Returns / Sets the element's multiple attribute, indicating whether more than one value is possible (e.g., multiple files). |
files |
FileList array: Returns the list of selected files. |
HTMLInputElement.labels 読取専用 |
NodeList array: Returns a list of <label> elements that are labels for this element. |
step |
string: Returns / Sets the element's step attribute, which works with min and max to limit the increments at which a numeric or date-time value can be set. It can be the string any or a positive floating point number. If this is not set to any, the control accepts only values at multiples of the step value greater than the minimum. |
valueAsDate |
Date object: Returns / Sets the value of the element, interpreted as a date, or null if conversion is not possible. |
valueAsNumber |
double: Returns the value of the element, interpreted as one of the following, in order:
|
autocapitalize |
文字列: 利用者が入力した文字列に対する大文字への変換のいかんを定める。適合値はnone，off，characters，words，又はsentencesである。 |
inputmode |
この要素又は内容を編集する際の，仮想鍵盤の設定を手助けする。 |
HTMLInputElement.alignstring: Represents the alignment of the element. Use CSS instead.HTMLInputElement.useMapstring: Represents a client-side image map.
メソッド
blur() |
Removes focus from the input element; keystrokes will subsequently go nowhere. |
click() |
Simulates a click on the input element. |
focus() |
Focuses on the input element; keystrokes will subsequently go to this element. |
select() |
Selects all the text in the input element, and focuses it so the user can subsequently replace all of its content. |
setSelectionRange() |
Selects a range of text in the input element (but does not focus it). |
setRangeText() |
Replaces a range of text in the input element with new text. |
setCustomValidity() |
Sets a custom validity message for the element. If this message is not the empty string, then the element is suffering from a custom validity error, and does not validate. |
checkValidity() |
Returns a Boolean that is false if the element is a candidate for constraint validation, and it does not satisfy its constraints. In this case, it also fires an invalid event at the element. It returns true if the element is not a candidate for constraint validation, or if it satisfies its constraints. |
reportValidity() |
Runs the checkValidity() method, and if it returns false (for an invalid input or no pattern attribute provided), then it reports to the user that the input is invalid in the same manner as if you submitted a form. |
非標準のメソッド
HTMLInputElement.stepDown()- Decrements the
valueby (step* n), where n defaults to 1 if not specified. Throws an INVALID_STATE_ERR exception: HTMLInputElement.stepUp()- Increments the
valueby (step* n), where n defaults to 1 if not specified. Throws an INVALID_STATE_ERR exception: HTMLInputElement.mozSetFileArray()- Sets the files selected on the input to the given array of
Fileobjects. This is an alternative tomozSetFileNameArray()which can be used in frame scripts: a chrome script can open files as File objects and send them via message manager. HTMLInputElement.mozGetFileNameArray()- Returns an array of all the file names from the input.
HTMLInputElement.mozSetFileNameArray()- Sets the filenames for the files selected on the input. Not for use in frame scripts, because it accesses the file system.
イベント
Listen to these events using addEventListener() or by assigning an event listener to the oneventname property of this interface:
input- Fires when the
valueof an<input>,<select>, or<textarea>element has been changed. Note that this is actually fired on theHTMLElementinterface and also applies tocontenteditableelements, but we've listed it here because it is most commonly used with form input elements.
Also available via theoninputevent handler property. invalid- Fired when an element does not satisfy its constraints during constraint validation.
Also available via theoninvalidevent handler property. search- Fired when a search is initiated on an
<input>oftype="search".
Also available via theonsearchevent handler property.
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| HTML Living Standard HTMLInputElement の定義 |
現行の標準 | |
| HTML5 HTMLInputElement の定義 |
勧告 | 技術的には、tabindex プロパティと accesskey プロパティ、ならびに blur()、click()、および focus() メソッドは、現在 HTMLElement で定義されています。次のプロパティは廃止されました: align および useMap。次のプロパティが追加されました: autocomplete, autofocus, dirName, files, formAction, formEncType, formMethod, formNoValidate, formTarget, height, indeterminate, labels, list, max, min, multiple, pattern, placeholder, required, selectionDirection, selectionEnd, selectionStart, step, validationMessage, validity, valueAsDate, valueAsNumber, width, willValidate.次のメソッドが追加されました: checkValidity(), setCustomValidity(), setSelectionRange(), stepUp(), stepDown() |
| Document Object Model (DOM) Level 2 HTML Specification HTMLInputElement の定義 |
廃止された | size プロパティは、unsigned long になりました。type プロパティはすべて小文字で指定する必要があります。 |
| Document Object Model (DOM) Level 1 Specification HTMLInputElement の定義 |
廃止された | 初回定義 |
ブラウザーの互換性
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
HTMLInputElement | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 1 | IE 完全対応 8 | Opera 完全対応 8 | Safari 完全対応 3 | WebView Android 完全対応 1 | Chrome Android 完全対応 18 | Firefox Android 完全対応 4 | Opera Android 完全対応 10.1 | Safari iOS 完全対応 1 | Samsung Internet Android 完全対応 1.0 |
autocomplete | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 あり | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
autofocus | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 あり | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
checkValidity | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 4 | IE 完全対応 10 | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
files | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 3 | IE
部分対応
10
| Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
formAction | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 4 | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
formEncType | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 4 | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android 完全対応 あり |
formMethod | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 4 | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
formNoValidate | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 4 | IE 完全対応 10 | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
formTarget | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 4 | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
height | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 16 | IE ? | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
indeterminate | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 あり | IE ? | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
invalid event | Chrome 完全対応 10 | Edge 完全対応 12 | Firefox 完全対応 4 | IE 完全対応 10 | Opera 完全対応 10 | Safari 完全対応 5 | WebView Android 完全対応 4 | Chrome Android 完全対応 18 | Firefox Android 完全対応 64 | Opera Android 完全対応 12 | Safari iOS 完全対応 5 | Samsung Internet Android 完全対応 4.0 |
labels | Chrome 完全対応 14 | Edge 完全対応 18 | Firefox 完全対応 56 | IE 未対応 なし | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
list | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 あり | IE ? | Opera 完全対応 あり | Safari ? | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS ? | Samsung Internet Android 完全対応 あり |
mozGetFileNameArray | Chrome 未対応 なし | Edge 未対応 なし | Firefox 完全対応 3.6 | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android 未対応 なし | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android 未対応 なし |
mozSetFileArray | Chrome 未対応 なし | Edge 未対応 なし | Firefox 完全対応 38 | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android 未対応 なし | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android 未対応 なし |
mozSetFileNameArray | Chrome 未対応 なし | Edge 未対応 なし | Firefox 完全対応 3.6 | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android 未対応 なし | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android 未対応 なし |
multiple | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 3.6 | IE ? | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
onsearch | Chrome 完全対応 あり | Edge 完全対応 79 | Firefox 未対応 なし | IE 未対応 なし | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 未対応 なし | Opera Android ? | Safari iOS ? | Samsung Internet Android 完全対応 あり |
pattern | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 4 | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
placeholder | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 4 | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
reportValidity | Chrome 完全対応 40 | Edge 完全対応 17 | Firefox 完全対応 49 | IE 未対応 なし | Opera 完全対応 27 | Safari 完全対応 10 | WebView Android 完全対応 40 | Chrome Android 完全対応 40 | Firefox Android 完全対応 64 | Opera Android 完全対応 27 | Safari iOS 完全対応 10 | Samsung Internet Android 完全対応 4.0 |
required | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 4 | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
search event | Chrome 完全対応 あり | Edge 完全対応 79 | Firefox 未対応 なし | IE 未対応 なし | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 未対応 なし | Opera Android ? | Safari iOS ? | Samsung Internet Android 完全対応 あり |
selectionDirection | Chrome 完全対応 15 | Edge 完全対応 13 | Firefox 完全対応 8 | IE ? | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 8 | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
setCustomValidity | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 4 | IE 完全対応 10 | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
setRangeText | Chrome 完全対応 24 | Edge 未対応 なし | Firefox 完全対応 27 | IE 未対応 なし | Opera 完全対応 あり | Safari 完全対応 6.1 | WebView Android 完全対応 あり | Chrome Android 完全対応 25 | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 7 | Samsung Internet Android 完全対応 あり |
setSelectionRange | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 1 | IE 完全対応 9 | Opera 完全対応 8 | Safari 完全対応 3 | WebView Android 完全対応 1 | Chrome Android 完全対応 18 | Firefox Android 完全対応 4 | Opera Android 完全対応 10.1 | Safari iOS 完全対応 1 | Samsung Internet Android 完全対応 1.0 |
stepDown | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox
完全対応
16
| IE ? | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
stepUp | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox
完全対応
16
| IE ? | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
validationMessage | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 4 | IE 完全対応 10 | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
validity | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 4 | IE 完全対応 10 | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
webkitdirectory | Chrome 完全対応 13 | Edge 完全対応 13 | Firefox 完全対応 50 | IE 未対応 なし | Opera 未対応 なし | Safari 完全対応 11.1 | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 50 | Opera Android 未対応 なし | Safari iOS 完全対応 11.3 | Samsung Internet Android 完全対応 あり |
webkitEntries | Chrome 完全対応 13 | Edge 完全対応 ≤18 | Firefox 完全対応 50 | IE 未対応 なし | Opera 未対応 なし | Safari 完全対応 11.1 | WebView Android 未対応 なし | Chrome Android 完全対応 あり | Firefox Android 完全対応 50 | Opera Android 未対応 なし | Safari iOS 完全対応 11.3 | Samsung Internet Android 完全対応 あり |
weight | Chrome 完全対応 あり | Edge 完全対応 ≤18 | Firefox 完全対応 16 | IE ? | Opera ? | Safari ? | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android 完全対応 あり |
willValidate | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 4 | IE 完全対応 10 | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
凡例
- 完全対応
- 完全対応
- 部分対応
- 部分対応
- 未対応
- 未対応
- 実装状況不明
- 実装状況不明
- 非標準。ブラウザー間の互換性が低い可能性があります。
- 非標準。ブラウザー間の互換性が低い可能性があります。
- 実装ノートを参照してください。
- 実装ノートを参照してください。
- ユーザーが明示的にこの機能を有効にしなければなりません。
- ユーザーが明示的にこの機能を有効にしなければなりません。
関連情報
- このインターフェイスを実装している HTML 要素:
<input>