HTML5 Date Input Type

html5-thumbnail

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 Range Input Type

html5-thumbnail

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 […]

HTML5 Autofocus Attribute

html5-thumbnail

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. […]

HTML5 Required Attribute

html5-thumbnail

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) […]

HTML5 Placeholder Attribute

html5-thumbnail

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 […]

HTML5 Small Tag

html5-thumbnail

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 […]

HTML5 Contenteditable Attribute

html5-thumbnail

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 […]

HTML5 Time Tag

html5-thumbnail

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 […]

HTML5 Progress Tag

html5-thumbnail

Implementing the progress bar for knowing the current status of task is common among the applications. Prior to HTML5, there is no default element in HTML to achieve this functionality. Programmers has to implement their own design or to get the help of third party implementation. With the HTML5, the <progress> tag is used to show the […]

HTML5 Output Tag

html5-thumbnail

The <output> tag is used to display the result of the calculation. The content is written between the start and end tag of <output> tag. The HTML5 specification defines it as “result of calculation or an action”. If you look at the below example, this <output> tag simplifies the calculation of two fields by just […]