placeholder for input type date html5

Question

placeholder does not work for input type date directly.

Answer 1

Here, I have tried data attribute in input element. and applied required placeholder using CSS

    input[type="date"]::before { 
    	content: attr(data-placeholder);
    	width: 100%;
    }
    
    /* hide our custom/fake placeholder text when in focus to show the default
     * 'mm/dd/yyyy' value and when valid to show the users' date of birth value.
     */
    input[type="date"]:focus::before,
    input[type="date"]:valid::before { display: none }

Hope this helps