閱讀(20.7k) 書(shū)簽贊(0) 我要糾錯(cuò)

HTML DOM Input Email 對(duì)象

2023-04-10 10:08 更新

Input Email 對(duì)象是 HTML5 新增的。

Input DatetimeLocal 對(duì)象表示使用 type="email" 的 HTML <input> 元素。

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

你可以使用 getElementById() 函數(shù)來(lái)訪問(wèn)使用 type="email" 屬性的 <input> 元素:

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

提示： 你同樣可以通過(guò)表單的元素集合來(lái)訪問(wèn) Input Email 對(duì)象。

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

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

Input Email 對(duì)象屬性

屬性	描述
autocomplete	設(shè)置或返回 email 字段的 autocomplete 屬性值
autofocus	設(shè)置或返回 email 字段在頁(yè)面加載后是否自動(dòng)獲取焦點(diǎn)
defaultValue	設(shè)置或返回 email 字段默認(rèn)的值
disabled	設(shè)置或返回 email 字段是否可用
form	返回使用 email 字段的表單引用
list	返回包含了 email 字段的 datalist 引用
maxLength	設(shè)置或返回 email 字段的 maxlength 屬性值
multiple	設(shè)置或返回 email 字段是否可以輸入多個(gè)郵箱地址
name	設(shè)置或返回 email 字段的 name 屬性值
pattern	設(shè)置或者返回 email 字段的 pattern 屬性值
placeholder	設(shè)置或者返回 email 字段的 placeholder 屬性值
readOnly	設(shè)置或返回 email 字段是否只讀
required	設(shè)置或返回 email 字段在表單中是否為必填字段
step	設(shè)置或返回 email 字段的 step 屬性值
type	返回 email 字段的表單元素類(lèi)型
value	設(shè)置或返回 email 字段的 value 屬性值

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