プロパティ | 内容 |
---|---|
value | コントロールの現在の値 |
type | 入力要素の種類 |
name | 入力要素の名前 |
tabIndex | 入力要素のタブ順 |
disabled | trueのとき、要素は無効となりユーザーは入力できず、submitで送信もされない |
readOnly | trueのとき、読み取り専用
HTML5ではtypeが[hidden, range, color, checkbox, radio, file, button]のいずれかのとき、この設定は無視される。 |
checked | trueのとき、チェックされている (radioまたはcheckbox用) |
indeterminate | trueのとき、不定 (radioまたはcheckbox用) |
min | 最小値 (数値または日時用) |
max | 最大値 (数値または日時用) |
step | 1段階の値。"any"または正の浮動小数点数で指定。 |
コントロールで許可されない値が入力されると、このプロパティは空文字を返すことがあります。
種類 | 説明 | 対応 |
---|---|---|
button | A push button with no default behavior. | |
checkbox | A check box | |
color | A control for specifying a color | HTML5 |
date | A control for entering a date (year, month, and day, with no time). | HTML5 |
datetime | A control for entering a date and time (hour, minute, second, and fraction of a second) based on UTC time zone. | HTML5 |
datetime-local | A control for entering a date and time, with no time zone. | HTML5 |
A field for editing an e-mail address | HTML5 | |
file | A control that lets the user select a file | |
hidden | A control that is not displayed, but whose value is submitted to the server. | |
image | A graphical submit button | |
month | A control for entering a month and year, with no time zone. | HTML5 |
number | A control for entering a floating point number. | HTML5 |
password | A single-line text field whose value is obscured | |
radio | A radio button | |
range | A control for entering a number whose exact value is not important | HTML5 |
reset | A button that resets the contents of the form to default values. | |
search | A single-line text field for entering search strings; line-breaks are automatically removed from the input value. | HTML5 |
submit | A button that submits the form. | |
tel | A control for entering a telephone number; line-breaks are automatically removed from the input value, but no other syntax is enforced | HTML5 |
text | A single-line text field; line-breaks are automatically removed from the input value. | |
time | A control for entering a time value with no time zone. | HTML5 |
url | A field for editing a URL | HTML5 |
week | A control for entering a date consisting of a week-year number and a week number with no time zone. | HTML5 |
Firefoxでは、この属性への設定がページ再読み込み後も維持されます。
Firefox のデフォルト動作は他のブラウザと異なり、ページを再読み込みしても <input> を動的に無効化した状態を維持します。この機能は autocomplete 属性で制御できます。
属性 - input 要素 - HTML | MDN
メソッド | 説明 |
---|---|
click | 要素をクリックする※1 |
blur | 要素からフォーカスを外す |
focus | 要素にフォーカスを移す |
select | 要素のテキストを選択し、フォーカスを移す |
イベントハンドラ | イベントの発生状況 |
---|---|
onchange | テキスト入力要素では、ユーザーがテキストを変更しフォーカスを他へ移したとき |
トグルボタン要素では、ユーザーがトグルを切り替えたとき ※IE9より前では、切り替え後フォーカスが他へ移動したとき |
|
oninput | input要素の値が変化したとき ※IE9より前では非対応のため、同時にonchangeも登録する |
onclick | ユーザーがマウスやキーボードで、ボタンをアクティブにしたとき |
onblur | ユーザーが要素からフォーカスを外したとき |
onfocus | ユーザーが要素にフォーカスを与えたとき |
プログラムから変更したときは、これらのイベントは発生しません。