閱讀(20.2k) 書簽贊(0) 我要糾錯

HTML DOM Input URL 對象

2023-04-10 14:02 更新

Input URL 對象是 HTML5 新增的。

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

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

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

var x = document.getElementById("myUrl");嘗試一下

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

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

var x = document.createElement("INPUT");
x.setAttribute("type", "url");嘗試一下

Input URL 對象屬性

屬性	描述
autocomplete	設(shè)置或返回 URL 字段的 autocomplete 屬性值
autofocus	設(shè)置或返回 URL 字段在頁面加載后是否自動獲取焦點
defaultValue	設(shè)置或返回 URL 字段默認(rèn)的值
disabled	設(shè)置或返回 URL 字段是否可用
form	返回使用 URL 字段的表單引用
list	返回包含了 URL 字段的 datalist 引用
maxLength	設(shè)置或返回 URL 字段的 maxlength 屬性值
multiple	設(shè)置或者返回 URL 字段是否允許用戶輸入一個或多個 url 地址。
name	設(shè)置或返回 URL 字段的 name 屬性值
pattern	設(shè)置或返回 URL 字段 pattern 屬性的值
placeholder	設(shè)置或返回 URL 字段 placeholder 屬性的值
readOnly	設(shè)置或返回 URL 字段是否只讀
required	設(shè)置或返回 URL 字段在表單中是否為必填字段
size	設(shè)置或返回 URL 段 size 屬性的值
step	設(shè)置或返回 URL 段 step 屬性的值
type	返回 URL 字段的表單元素類型
value	設(shè)置或返回 URL 字段的 value 屬性值

Input URL 對象同樣支持標(biāo)準(zhǔn) 屬性和事件。