Chrome 135 รองรับการแก้ไขแท็ก select เปิดทางออกแบบฟอร์มในเว็บให้ซับซ้อนขึ้น

by lew
1 April 2025 - 11:26

Chrome 135 ประกาศรองรับมาตรฐาน Customizable Select Element เป็นรายแรก เปิดทางให้นักพัฒนาสามารถแก้ไขตัวเลือกในแท็ก <select> ทำให้สามารถแก้ไขตัวเลือกได้อย่างซับซ้อน เช่น การใส่ภาพในตัวเลือก หรือกำหนดสีพื้นหลังของตัวเลือกแต่ละตัว

ก่อนหน้านี้กระบวนการแก้ไขการแสดงผลแท็ก <select> ต้องอาศัยจาวาสคริปต์เป็นหลัก การปรับปรุงมาตรฐานในรอบนี้ทำให้ใช้เพียง HTML และ CSS เท่านั้น และยังคาดเดาการแสดงผลได้ หากเปิดเว็บในเบราว์เซอร์ที่ไม่รองรับมาตรฐานใหม่

การเริ่มใช้งานต้องประกาศ appearance: base-select ก่อน เพื่อให้เบราว์เซอร์เปลี่ยนโหมดการเรนเดอร์ หากเบราว์เซอร์ไม่รองรับก็จะไม่อ่านตัวเลือกนี้ และเรนเดอร์เหมือนฟอร์มปกติ

แม้ว่า Chrome จะรองรับเป็นรายแรก แต่กูเกิลก็ระบุว่าผู้ผลิตรายอื่นมีส่วนร่วมในการกำหนดมาตรฐานด้วยทำให้น่าจะรองรับตามๆ มา นอกจากนี้ยังมีแนวทางจะเพิ่ม base อื่นๆ เปิดทางให้แก้ไขฟอร์มได้ซับซ้อนขึ้น

ที่มา - Chrome Developer

Blognone Jobs Premium