Devdit
 

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

1.9K

กรณีต้องการสร้างช่องใส่ข้อมูล (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>
แก้ไข 3 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ