Wie entferne ich den Standard-Platzhaltertext aus HTML5-Datumseingaben?

Standardtext aus der HTML5-Datumseingabe entfernen

Das HTML5-Eingabeelement mit type="date" bietet eine bequeme Möglichkeit, Datumsangaben auszuwählen, aber Oft wird im Eingabefeld ein Standarddatumsformat (z. B. MM/TT/JJJJ) als Platzhalter angezeigt. Dieser Platzhaltertext kann in bestimmten Situationen ablenkend oder unerwünscht sein.

So entfernen Sie diesen Standardtext, während Benutzer weiterhin Daten auswählen können:

1. Verwenden Sie das CSS ' ::-webkit-datetime-edit-*' Selektoren:

   Diese Selektoren zielen auf bestimmte Teile der Datumseingabe ab Element, einschließlich der Felder für Jahr, Monat und Tag.

2. Setzen Sie die Farbe für leere Felder auf transparent:

   Indem Sie die Farbe auf setzen transparent für Felder, die keinen aktuell ausgewählten Wert haben (d. h. Felder mit einem leeren „aria-valuenow“-Attribut), können Sie den Standardplatzhalter effektiv ausblenden Text.

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

Das obige ist der detaillierte Inhalt vonWie entferne ich den Standard-Platzhaltertext aus HTML5-Datumseingaben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!