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