วิธีการเข้าถึง Object Input Email ของ HTML DOM

แอ็กซ์เซสโปรพาร์ต Email

แอ็กซ์เซสโปรพาร์ต Email คือ องค์ประกอบใหม่ใน HTML5

แอ็กซ์เซสโปรพาร์ต Email แสดงถึง องค์ประกอบ HTML <email>

หมายเหตุ：Internet Explorer 9 (และตัวเวอร์ชั่นที่เก่ากว่า) หรือ Safari ไม่สนับสนุน องค์ประกอบ <input type="email">

เข้าถึง แอ็กซ์เซสโปรพาร์ต Email

คุณสามารถเข้าถึง องค์ประกอบ <email> ด้วยวิธี getElementById() ได้:

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

ทดลองด้วยตัวเอง

สร้าง แอ็กซ์เซสโปรพาร์ต Email

คุณสามารถสร้าง องค์ประกอบ <email> ด้วยวิธี document.createElement() ได้:

var x = document.createElement("INPUT");
x.setAttribute("type", "email");

ทดลองด้วยตัวเอง

Email แอ็กซ์เซสโปรพาร์ต

คุณสมบัติ คำอธิบาย
autocomplete ตั้งค่าหรือคืนค่าค่า autocomplete ของช่องอีเมล
autofocus ตั้งค่าหรือคืนค่าความที่ช่องอีเมลควรทำงานโดยอัตโนมัติหลังจากการโหลดเว็บเพจ
defaultValue ตั้งค่าหรือคืนค่าค่าค่าเริ่มต้นของช่องอีเมล
disabled ตั้งค่าหรือคืนค่าความที่ช่องอีเมลถูกปิดใช้งาน
form คืนค่าสัญญาณต่อฟอร์มที่มีช่องอีเมล
list คืนค่าสัญญาณต่อ datalist ที่มีช่องอีเมล
maxLength ตั้งค่าหรือคืนค่าค่า maxlength ของช่องอีเมล
multiple ตั้งค่าหรือคืนค่าความอนุญาตให้ผู้ใช้สามารถป้อนที่อยู่อีเมลหลายอันในช่องอีเมล
name ตั้งค่าหรือคืนค่าค่า name ของช่องอีเมล
pattern ตั้งค่าหรือคืนค่าค่า pattern ของช่องอีเมล
placeholder ตั้งค่าหรือคืนค่าค่า placeholder ของช่องอีเมล
readOnly ตั้งค่าหรือคืนค่าความดูแลตัวเองของช่องอีเมล
required ตั้งค่าหรือคืนค่าความจำเป็นของช่องอีเมลก่อนที่จะส่งฟอร์ม
size ตั้งค่าหรือคืนค่าค่า size ของช่องอีเมล
type คืนค่าชนิดของส่วนประกอบฟอร์มของช่องอีเมล
value ตั้งค่าหรือคืนค่าค่า value ของช่องอีเมล

วิธี Email Object Input

วิธี คำอธิบาย
select() เลือกเนื้อหาของช่องอีเมล

มาตรฐานและเหตุการณ์

Email Object สนับสนุนมาตรฐานคุณสมบัติและเหตุการณ์。

หน้าที่เกี่ยวข้อง

ตัวอย่าง HTML:ฟอร์ม HTML

คู่มืออ้างอิง HTML:แท็ก <input> HTML

คู่มืออ้างอิง HTML:ตัวแปร type ของ <input> HTML