Bagaimana untuk Mengalih Keluar Teks Pemegang Tempat Lalai daripada Elemen Input Tarikh HTML5?

Alih Keluar Teks Pemegang Tempat Lalai dalam Elemen Input Tarikh HTML5

Elemen input tarikh HTML5 menyediakan cara yang mudah untuk mengumpulkan nilai tarikh daripada pengguna. Walau bagaimanapun, ia termasuk teks pemegang tempat lalai dalam format mm/dd/yyyy, yang boleh menjadi gangguan atau konflik dengan format tarikh tertentu yang diperlukan.

Mengalih keluar Teks Pemegang Tempat

Untuk mengalih keluar teks pemegang tempat lalai, gunakan CSS berikut pada elemen input tarikh:

::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
    color: transparent;
}

Kod ini menyasarkan submedan tertentu dalam antara muka penyuntingan input tarikh. Dengan menetapkan warna kepada telus, teks lalai menjadi tidak kelihatan. Terutamanya, pemilih not([aria-valuenow]) memastikan teks pemegang tempat kekal tersembunyi walaupun tarikh dipilih.

Berbeza dengan CSS yang dicuba sebelum ini, kaedah ini secara terpilih menyembunyikan pemegang tempat sambil mengekalkan keterlihatan nilai tarikh yang dipilih.

Atas ialah kandungan terperinci Bagaimana untuk Mengalih Keluar Teks Pemegang Tempat Lalai daripada Elemen Input Tarikh HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!