HTML DOM Input URL 對象

Input URL 對象是 HTML5 新增的。

Input URL 對象表示使用 type="url" 屬性的 HTML <input> 元素。

注意：Internet Explorer 9 (及更早IE版本), 或 Safari 浏覽器不支援使用 type="url" 屬性的 HTML <input> 元素。

你可以使用 getElementById() 函數來通路使用 type="url" 屬性的 <input> 元素:

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

嘗試一下

提示： 你同樣可以通過表單的元素集合來通路 Input URL 對象。

你可以使用 document.createElement() 方法來建立使用 type="url" 屬性的 <input> 元素：

var x = document.createElement("INPUT");

x.setAttribute("type", "url");

屬性

描述

autocomplete

設定或傳回 URL 字段的 autocomplete 屬性值

autofocus

設定或傳回 URL 字段在頁面加載後是否自動擷取焦點

defaultValue

設定或傳回 URL 字段預設的值

disabled

設定或傳回 URL 字段是否可用

form

傳回使用 URL 字段的表單引用

list

傳回包含了 URL 字段的 datalist 引用

maxLength

設定或傳回 URL 字段的 maxlength 屬性值

multiple

設定或者傳回 URL 字段是否允許使用者輸入一個或多個 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 屬性