إزالة النص الافتراضي من إدخال تاريخ HTML5

يوفر عنصر إدخال HTML5 مع type = "date" طريقة ملائمة لتحديد التواريخ، ولكن غالبًا ما يعرض تنسيق التاريخ الافتراضي (على سبيل المثال، mm/dd/yyyy) كعنصر نائب داخل حقل الإدخال. يمكن أن يكون نص العنصر النائب هذا مشتتًا أو غير مرغوب فيه في مواقف معينة.

لإزالة هذا النص الافتراضي مع الاستمرار في السماح للمستخدمين بتحديد التواريخ:

1. استخدم CSS ' محددات ::-webkit-datetime-edit-*':

   تستهدف هذه المحددات أجزاء معينة من عنصر إدخال التاريخ، بما في ذلك السنة والشهر واليوم الحقول.

2. اضبط اللون على شفاف للحقول الفارغة:

   عن طريق تعيين اللون إلى شفاف للحقول التي ليس لها لون محدد حاليًا القيمة (أي الحقول التي تحتوي على سمة "aria-valuenow" الفارغة)، يمكنك إخفاء العنصر النائب الافتراضي بشكل فعال 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;
}