How to display date in dd-mm-yyyy format for input in HTML

 

Hello Friends, In this blog, we will learn How to display the date in dd-mm-yyyy format for input in HTML. To achieve the style we require, we will use the <input> attribute of HTML. in the first example, we have used input date format, but we have set a default min and max value of dates.

HTML :

CSS:

In the second example, we have used the same <input type="date"> attribute, but we have not specified a particular date range in this case. in this process, you can select any date in the input field in your form.

HTML:

CSS:

I hope you like the simple tricks of HTML. If so, please share the articles of this blog and follow us on our social media profiles. Thank you for a visit.