HTML5 में input type="date" फील्ड के लिए प्लेसहोल्डर नहीं दिख रहा? समाधान यहां है

प्लेसहोल्डर दिखाने के लिए, निम्न दृष्टिकोण अपनाएं:

<input placeholder="Date" class="textbox-n" type="text" onfocus="(this.type='date')" id="date">

आप CSS का भी उपयोग कर सकते हैं:

input[type="date"]::before {
  color: #ffffff;
  content: attr(placeholder) ": ";
}
input[type="date"]:focus::before {
  content: "" !important;
}

पहला तरीका टेक्स्ट इनपुट को डेट टाइप में बदल देता है जब यूजर उस पर फोकस करता है, जिससे प्लेसहोल्डर दिखाई देता है।