ประเภทการป้อนอีเมลที่ใช้ใน HTML โดยใช้ อนุญาตให้ผู้ใช้เพิ่มที่อยู่อีเมลได้ ในเบราว์เซอร์บางตัว อีเมลที่ป้อนจะถูกตรวจสอบความถูกต้อง เช่น หากคุณพลาด @ และ (จุด) ขณะเพิ่มอีเมล ระบบจะไม่ส่งแบบฟอร์มและแสดงข้อผิดพลาด เช่น “Please enter an email address”
ใช้ หลาย แอตทริบิวต์บูลีน หากคุณต้องการอนุญาตให้เพิ่มที่อยู่อีเมลมากกว่าหนึ่งที่อยู่
หมายเหตุ − อีเมลประเภทอินพุตไม่รองรับใน Internet Explorer 9 และรุ่นก่อนหน้า
ตัวอย่าง
คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อเรียนรู้วิธีใช้ประเภทการป้อนข้อมูลอีเมลใน HTML -
<!DOCTYPE html> <html> <head> <title>HTML input email</title> </head> <body> <form action = "" method = "get"> Details:<br><br> Student Name<br><input type = "name" name = "sname"><br> Student E-mail<br><input type = "email" name = "email"><br> <input type = "submit" value = "Submit"> </form> </body> </html>