สร้างช่องสำหรับใส่ อีเมล โดยเฉพาะทำยังไง

กรณีต้องการสร้างช่องใส่ข้อมูล (input) สำหรับใส่ข้อมูลอีเมลโดยเฉพาะ ปัจจุบันแนะนำให้พิจารณาใช้ความสามารถของ HTML5 คือ การกำหนด input type = email สามารถเขียนโปรแกรมได้แบบนี้

ตัวอย่าง

<form action="<?=$_SERVER['PHP_SELF'];?>" method="POST">
อีเมล <input type="email" name="email" required>
<input type="submit">
</form>

โปรแกรมด้านบนมีการระบุ input type = email ซึ่งจะเป็นการบังคับให้ใส่ข้อมูลตามรูปแบบอีเมล และมีการกำหนด required เพื่อป้องกันไม่ให้ช่องดังกล่าวสามารถเป็นค่าว่างเปล่าได้ กรณีถ้าผู้ใช้งานกดปุ่ม submit โดยที่ยังไม่กรอกข้อมูล

ตัวอย่าง กรณีต้องการเปลี่ยนคำแจ้งเตือนเวลาที่ผู้ใช้งานไม่ได้กรอกอีเมลถูกต้อง

<form action="<?=$_SERVER['PHP_SELF'];?>" method="POST">
อีเมล <input type="email" name="email" oninvalid="this.setCustomValidity('กรุณากรอกอีเมลให้ถูกต้อง')" required>
<input type="submit">
</form>