HTML DOM インプット テキスト オブジェクト

Input Text オブジェクト

Input Text オブジェクトは type="text" を持つ HTML <input> 要素を表します。

Input Text オブジェクトのアクセス

getElementById() メソッドを使用して type="text" の <input> 要素にアクセスできます:

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

実際に試してみましょう

ヒント:フォームの検索を通じて elements コレクション input type="text" のアクセス

Input Text オブジェクトの作成

document.createElement() メソッドを使用して type="text" の <input> 要素を作成できます:

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

実際に試してみましょう

Input Text オブジェクト属性

属性 説明
autocomplete テキストフィールドの autocomplete 属性値を設定または返します。
autofocus ページが読み込まれたときにテキストフィールドが自動的に焦点を取得するかどうかを設定または返します。
defaultValue テキストフィールドのデフォルト値を設定または返します。
disabled テキストフィールドが無効であるかどうかを設定または返します。
form テキストフィールドを含むフォームへの参照を返します。
list テキストフィールドを含むデータリストへの参照を返します。
maxLength テキストフィールドの maxlength 属性値を設定または返します。
name テキストフィールドの name 属性値を設定または返します。
pattern テキストフィールドの pattern 属性値を設定または返します。
placeholder テキストフィールドの placeholder 属性値を設定または返します。
readOnly テキストフィールドが読み取り専用であるかどうかを設定または返します。
required フォームを送信する前にテキストフィールドが必須であるかどうかを設定または返します。
size テキストフィールドの size 属性値を設定または返します。
type テキストフィールドがどの種類のフォーム要素であるかを返します。
value テキストフィールドの value 属性値を設定または返します。

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

メソッド 説明
blur() テキストフィールドから焦点を外します。
focus() テキストフィールドに焦点を当てます。
select() テキストフィールドの内容を選択します。

標準属性およびイベントをサポートしています。

Input Text オブジェクトは標準属性およびイベント

関連ページ

HTML 教程:HTML フォーム

HTML 参考マニュアル:HTML <input> タグ

HTML 参考マニュアル:HTML <input> type 属性