Bagaimana untuk Menyembunyikan Pemegang Tempat Lalai dalam Elemen Input Tarikh HTML5?

Cara Menyembunyikan Pemegang Tempat Lalai dalam Elemen Input Tarikh HTML5

Apabila menggunakan elemen input HTML5 type="date," anda mungkin menghadapi format tarikh lalai (cth., mm/dd/tttt) muncul dalam medan input. Mengalih keluar teks lalai ini boleh meningkatkan pengalaman pengguna dan mengelakkan sebarang kekeliruan atau kemasukan data yang tidak diperlukan.

Satu pendekatan ialah memanfaatkan gaya CSS untuk mengubah suai penampilan medan input. Walau bagaimanapun, adalah penting untuk mengelak daripada menyembunyikan nilai tarikh penting, seperti dalam contoh yang anda berikan.

Untuk mencapai hasil yang diingini, pertimbangkan untuk menggunakan kod CSS yang dipertingkatkan ini:

::-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 mengubah suai penampilan medan tahun, bulan dan hari dalam elemen input. Apabila tiada tarikh yang sah dimasukkan, mereka akan dipaparkan sebagai lutsinar, menyembunyikan pemegang tempat lalai dengan berkesan tanpa menjejaskan nilai tarikh yang dipilih.

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