Pilih elemen: kini dengan aturan horizontal

Una Kravets
Elemen yang dipilih mendapatkan upgrade kecil tetapi besar di Chrome 119, dengan fitur yang juga tersedia di Safari 17. Sekarang, Anda dapat menambahkan elemen <hr> (aturan horizontal) ke dalam daftar opsi pilih dan elemen tersebut akan muncul sebagai pemisah untuk membantu membagi opsi secara visual guna memberikan pengalaman pengguna yang lebih baik.

Screenshot sebelum dan sesudah dengan jam dalam pilihan. Gambar sesudah memiliki pemisah di antara grup.

Untuk melakukannya, tambahkan elemen <hr> ke dalam daftar opsi seperti yang ditunjukkan dalam HTML berikut:

<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>

Perubahan kecil dapat membuat perbedaan bagi pengguna Anda. Untuk informasi selengkapnya tentang masa depan kontrol formulir, termasuk cara membuatnya sepenuhnya bergaya, pelajari popover API dan nantikan elemen selectlist di masa mendatang.