HTML DOM インプット ナンバー オブジェクト

Number オブジェクト

Number オブジェクトは HTML5 で新しいオブジェクトです。

Number オブジェクトは HTML <input type="number"> 要素を表します。

注：Internet Explorer 9 以前のバージョンでは <input type="number"> 要素をサポートしていません。

Number オブジェクトにアクセス

getElementById() を使用して <number> 要素にアクセスできます：

var x = document.getElementById("myNumber");

自分で試してみてください

ヒント：フォームを巡回して、 elements コレクション Number オブジェクトにアクセスするために。

Number オブジェクトの作成

document.createElement() メソッドを使用して <number> 要素を作成できます：

var x = document.createElement("INPUT");
x.setAttribute("type", "number");

自分で試してみてください

Number オブジェクト属性

属性 説明
autocomplete number フィールドの autocomplete 属性値を設定または返します。
autofocus ページが読み込まれた後に number フィールドが自動的にフォーカスを取得するかどうかを設定または返します。
defaultValue number フィールドのデフォルト値を設定または返します。
disabled number フィールドが無効であるかどうかを設定または返します。
form number フィールドを含むフォームの参照を返します。
list number フィールドを含む datalist の参照を返します。
max number フィールドの max 属性値を設定または返します。
min number フィールドの min 属性値を設定または返します。
name number フィールドの name 属性値を設定または返します。
placeholder number フィールドの placeholder 属性値を設定または返します。
readOnly number フィールドが読み取り専用であるかどうかを設定または返します。
required フォームを送信する前に number フィールドが必須であるかどうかを設定または返します。
step number フィールドの step 属性値を設定または返します。
type number フィールドのフォーム要素タイプを返します。
value number フィールドの value 属性値を設定または返します。

Input Number オブジェクトメソッド

メソッド 説明
select() number テキストフィールドの内容を選択します。
stepDown() 指定された数字で number フィールドの値を減少させます。
stepUp() 指定された数字で number フィールドの値を増加させます。

標準属性とイベント

Number オブジェクトがサポートする標準属性およびイベント。

関連ページ

HTML 教程：HTML フォーム

HTML リファレンスマニュアル：HTML <input> タグ

HTML リファレンスマニュアル：HTML <input> type 属性