เช็คค่าว่าง drop down list ด้วย required

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

ตัวอย่าง เช็คค่าว่าง drop down list ด้วย required

<form action="index.php" method="post">
    <div>
        <select required>
            <option value=''>กรุณาเลือกสี</option>
            <option value='red'>Red</option>
            <option value='green'>Green</option>
            <option value='blue'>Blue</option>
        </select>
    </div>
    <div style="margin-top: .5rem"><input type="submit" value="ตกลง"></div>
</form>

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