Bagaimana untuk mengalih keluar Teks Lalai daripada Elemen Input Tarikh HTML5?

Mengalih keluar Teks Lalai daripada Elemen Input Tarikh HTML5

Apabila menggunakan elemen input HTML dengan jenis sebagai "tarikh", ia menghasilkan teks pemegang tempat dalam format "mm/dd/yyyy" secara lalai. Untuk mengalih keluar teks ini, penyelesaian berikut disediakan:

Penyelesaian:

Daripada menggunakan kod CSS yang disediakan dalam soalan, yang turut menyembunyikan nilai tarikh yang dipilih, kita boleh menggunakan CSS berikut pemilih:

::-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;
}

Penjelasan:

Pemilih CSS ini menyasarkan medan tarikh individu (tahun, bulan dan hari) apabila atribut aria-valuenow mereka tidak ditetapkan , yang sepadan dengan keadaan teks pemegang tempat. Dengan menetapkan warnanya kepada "lutsinar", teks lalai menjadi tidak kelihatan tanpa menjejaskan keterlihatan nilai tarikh yang dipilih.

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