Useful Stuff

Latest forms tags/elements HTML5

Forms on the web. Here is a sneak peak of important module of website and landing pages.

HTML5 offers new elements for better layout structure, which we can easily integrate in our code. And, of course… It helps in increasing productivity.

Why  web developer have to invent & include tons of JavaScript code to the page for making something very basic like a “Datepicker”?

Here i share some of forms input types. Which saves your time to develop a new code for each single form.

color
Color selector, which could be represented by a wheel or swatch picker

date
Selector for calendar date

email
Input type should be an email.

search
Term to supply to a search engine. For example, the search bar atop a browser.

datetime
Full date and time display, including a time zone.

datetime-local
Date and time display, with no setting or indication for time zones

time
Time indicator and selector, with no time zone information

month
Selector for a month within a given year

number
A field containing a numeric value only

tel
Input type should be telephone number.

range
Numeric selector within a range of values, typically visualized as a slider

url
Input type should be URL type.

week
Selector for a week within a given year

 The more… is here –

<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>

That’s it! I trust this has been of use if you’ve been consuming long long time for coding:)

Happy Reading!

Leave a Reply

Your email address will not be published. Required fields are marked *