HTML de input’ların çoğunda placeholder kullanarak gerçekleştirdiğimiz yer tutma özelliğini select/option’lar da biraz farklı bir şekilde yapıyoruz. Aşağıdaki kod blogunu inceleyerek basit bir kaç satır kod ile bunu nasıl gerçekleştirdiğimizi görebilirsiniz.
HTML:
1 2 3 4 5 6 7 8 9 10 11 |
<style> select:invalid { color: gray; } /*Soluk izlenimi vermek için grileştirme.*/ </style> <form> <select required> <option value="" disabled selected hidden>Lütfen Seçiniz (Tıklandığında Kaybolacak)</option> <option value="0">Seçenek 1</option> <option value="1">Seçenek 2</option> </select> </form> |