Latest web development tutorials

HTML DOM Input Email 對象

Input Email 對象

Input Email 對像是HTML5 新增的。

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

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

訪問Input Email 對象

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

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

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

創建Input Email 對象

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

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

Input Email 對象屬性

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

標準屬性和事件

Input Email對象同樣支持標準屬性事件


相關文章

HTML教程: HTML表單

HTML參考手冊: HTML <input>標籤

HTML參考手冊: HTML <input> type屬性