email input field contains email address. The email address will be automatically validated when submitted. Email has @ and ending with .com or .net, website has at least one dot in the middle and most of them ending with .com. The email input type is no different than text input type and allows to enter e-mail […]

The month type is used to specify the particular month and year by the user. The month type is used in <input> tag. It only specifies the month and year and not the date. To specify the complete date we can use date input type. One example is the credit card expiry date where only […]

The date type is used in <input> tag to select the particular date by the user. It shows a pop-up calendar with specifying date (year/month/date). The dates are used for specifying a person”s birthday or about a event or to note of the material purchased by an organizer etc. It can be either in format […]

HTML5 has new input types for forms such as color, date, datetime, datetime-local, email, month, number, range, search, tel, time, url, week. In this article we shall discuss the range input type. This field would look like a slider control to move the range of values. This tutorial highlights the benefits of this input type […]

The autofocus attribute is used for automatic focus in the input field of the form when the form page gets rendered. Prior to HTML5, we used JavaScript code to autofocus on an element. If a user tried to fill the form before the JavaScript code is loaded, then user is returned to the first element. […]

The required attribute is a form attribute introduced in HTML5. It is used to notify that we have to fill the particular field with some data before submitting the form. This attribute can be used for validations, which otherwise was done using JavaScript code. This attribute saves a lot of development time (validation code development) […]

The placeholder attribute is used with an <form> tag to insert the text inside the form field, such as <input> tag. The text which is defined in the placeholder attribute is visible in the input field but as we enter some text in it gets invisible. When focus moves to the field, the placeholder text […]

The <small> tag was earlier (before HTML5) was used to display the text in smaller size in the output. The texts which is written between the start and end tag of <small> element will be displayed smaller in the output. Since HTML5 its been used to also display the side comments. Hence a <small> tag […]

The contenteditable attribute is used to edit the text in the browser. If the contenteditable is specified as true then the content can be edited or if it’s set as false then the content in the browser cannot be editable. In the modern web, most of the websites offer an option to the user for […]

The <time> tag is used to specify the time and date in html page. We declare time and date inside the <time> tag using attribute “datetime” for the machine readable. The user readable time is written between the start and end tag of the <time> tag. As put by the HTML5 specifications: The time tag […]