HTML DOM Input URL 對象

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表單