HTML DOM イプット シャーカオブジェクト

Input Search オブジェクト

Input Search オブジェクトはHTML5の新しいオブジェクトです。

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

注：Internet Explorer 9（およびそれ以前のバージョン）またはSafariは<input type="search">要素をサポートしていません。

Input Search オブジェクトにアクセス

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

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

実際に試してみましょう

Input Search オブジェクトの作成

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

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

実際に試してみましょう

Input Search オブジェクトの属性

属性 説明
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 オブジェクトのメソッド

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

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

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

関連ページ

HTML 教程：HTML フォーム

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

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