Cool HTML5 tips for form inputs

I wanted to share these cool quick tips that HTML5 provides to basic HTML web forms that will save you time and work in the end. Remember though, these tips only work in web browsers that support HTML5.

Placeholder attribute
You can now easily have “placeholder” text display inside a text field, whereas before you had to use Javascript to add text inside a text field before the user enters their own text.

Code

Input Type: Date
You can have a date field where users can select a date from a visual calendar that appears and you don’t have to code the calendar.

Code

Input Type: Time
You can have a time field where users can select a time.

Code

To see more HTML input types that are supported with web browsers that support HTML5, check out w3schools.com.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.