องค์ประกอบที่เลือกได้รับการอัปเกรดเพียงเล็กน้อยแต่มีประสิทธิภาพใน Chrome 119 พร้อมฟีเจอร์ที่พร้อมให้บริการใน Safari 17 ด้วย ตอนนี้คุณสามารถเพิ่มองค์ประกอบ
<hr>
(กฎแนวนอน) ลงในรายการตัวเลือกที่เลือกได้ องค์ประกอบเหล่านี้จะปรากฏเป็นตัวแบ่งเพื่อช่วยแบ่งตัวเลือกออกเป็นส่วนๆ เพื่อให้ผู้ใช้ได้รับประสบการณ์ที่ดีขึ้น
วิธีการคือเพิ่มองค์ประกอบ <hr>
ลงในรายการตัวเลือกดังที่แสดงใน HTML ต่อไปนี้
<label for="major-select">Please select a major:</label> <br/>
<select name="majors" id="major-select">
<option value="">Select a major</option>
<hr>
<option value="arth">Art History</option>
<option value="finearts">Fine Arts</option>
<option value="gdes">Graphic Design</option>
<option value="lit">Literature</option>
<option value="music">Music</option>
<hr>
<option value="aeroeng">Aerospace Engineering</option>
<option value="biochemeng">Biochemical Engineering</option>
<option value="civileng">Civil Engineering</option>
<option value="compeng">Computer Engineering</option>
<option value="eleng">Electrical Engineering</option>
<option value="mecheng">Mechanical Engineering</option>
</select>
การเปลี่ยนแปลงเพียงเล็กน้อยสามารถสร้างความแตกต่างให้กับผู้ใช้ได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับอนาคตของการควบคุมแบบฟอร์ม รวมถึงวิธีทําให้ตัวควบคุมจัดรูปแบบได้อย่างสมบูรณ์ เรียนรู้เกี่ยวกับ Popover API และคอยตรวจสอบองค์ประกอบรายการตัวเลือกในอนาคต