HTML DOM Input Search オブジェクト
Input Search オブジェクト
Input Search オブジェクトは HTML5 で新しく追加されたものです。
Input Search オブジェクトは、type="search" を使用する HTML <input> 要素を表します。
Input Search オブジェクトにアクセスする
getElementById() 関数を使用して、type="search" 属性の <input> 要素にアクセスできます:
var x = document.getElementById("mySearch");
試してみる
ヒント：同様に、フォームの要素コレクションを使用して Input Search オブジェクトにアクセスできます。
Input Search オブジェクトを作成する
document.createElement() メソッドを使用して、type="search" 属性の <input> 要素を作成できます：
var x = document.createElement("INPUT");
x.setAttribute("type", "search"); 試してみる
x.setAttribute("type", "search"); 試してみる
Input Search オブジェクトのプロパティ
| Property | 説明 |
|---|---|
| autocomplete | search フィールドの autocomplete 属性の値を設定または返します |
| autofocus | search フィールドがページ読み込み後に自動的にフォーカスを取得するかどうかを設定または返します |
| defaultValue | search フィールドのデフォルト値を設定または返します |
| disabled | search フィールドが使用可能かどうかを設定または返します |
| form | search フィールドを使用するフォームへの参照を返します |
| list | search フィールドを含む datalist への参照を返します |
| maxLength | search フィールドの maxLength 属性の値を設定または返します |
| name | search フィールドの name 属性の値を設定または返します |
| pattern | search フィールドの pattern 属性の値を設定または返します |
| placeholder | search フィールドの placeholder 属性の値を設定または返します |
| readOnly | search フィールドが読み取り専用かどうかを設定または返します |
| required | search フィールドがフォームで必須フィールドかどうかを設定または返します |
| size | search フィールドの size 属性の値を設定または返します |
| step | search フィールドの step 属性の値を設定または返します |
| type | search フィールドのフォーム要素タイプを返します |
| value | search フィールドの value 属性の値を設定または返します |
標準属性とイベント
Input Search オブジェクトは標準の属性ととイベントをサポートしています。。
関連記事
HTML チュートリアル:HTML フォーム
HTML リファレンス:HTML <input> タグ
HTML リファレンス:HTML <input> type 属性
その他の拡張