เช็คค่าว่าง select list ยังไง HTML

เช็คค่าว่าง select list ยังไง HTML บทความนี้สอนเขียนโค้ดสร้าง select list ด้วยแท็ก select และ option จากนั้นกำหนดคำสั่ง required เพื่อเช็คค่าว่าง กรณีผู้ใช้งานยังไม่เลือกข้อมูลให้แสดงข้อความแจ้งเตือน สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง เช็คค่าว่าง select list ยังไง HTML

<form action="index.php" method="post">
    <div>
        <select required>
            <option value=''>กรุณาเลือกภาษา</option>
            <option value='html'>HTML</option>
            <option value='css'>CSS</option>
            <option value='php'>PHP</option>
        </select>
    </div>
    <div style="margin-top: .5rem"><input type="submit" value="ตกลง"></div>
</form>

เช็คค่าว่าง select list จากตัวอย่างสร้าง select list พร้อมข้อมูล 3 ข้อมูล และค่าว่าง 1 ข้อมูล จากนั้นกำหนด required ไว้ที่แท็ก select กรณีถ้าผู้ใช้งานไม่ได้เลือกข้อมูล และกดปุ่ม submit โปรแกรมจะแสดงข้อความแจ้งเตือน และหยุด form submit