HTML DOM インプット アーカイブ オブジェクト

Input URL オブジェクト

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

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

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

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

getElementById() を使用して <input type="url"> 要素にアクセスできます：

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

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

Input URL オブジェクトの作成

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

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

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

Input URL オブジェクト属性

属性 説明
autocomplete Search フィールドの autocomplete 属性値を設定または返します。
autofocus ページが読み込まれた後に Search フィールドが自動的にフォーカスを取得するかどうかを設定または返します。
defaultValue Search フィールドのデフォルト値を設定または返します。
disabled Search フィールドが無効であるかどうかを設定または返します。
form Search フィールドを含むフォームに対する参照を返します。
list Search フィールドを含む datalist に対する参照を返します。
maxLength search フィールドの maxLength 属性値を設定または返します。
multiple ユーザーが URL フィールドに複数の URL アドレスを入力できるかどうかを設定または返します。
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 URL オブジェクトメソッド

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

標準属性とイベント

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

関連ページ

HTML 教程：HTML フォーム

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

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