What The Heck Are Global Attributes In HTML?

Global attributes are regular HTML and XHTML attributes that provide additional information about the element that a browser can use to render the element for example. Except global attributes can be applied to all HTML and XHTML elements (even those not defined in the W3.org specifications). HTML 4.01 gave us the core attributes, which in HTML5 are called global attributes, which are listed below: id The id attribute gives the element a unique identifier. There can not be multiple elements in the same web page with the same...

Read More

First off what is placeholder text? Placeholder text is alternate hint text, word or short phrase to help the user enter the correct data. The placeholder text is displayed in the <input> or <textarea> elements only when the user has not yet entered any data, clicked or tabbed to the <input> or <textarea> elements. The placeholder text usually returns when the user has unfocused the <input> or <textarea> elements and has not entered any data in the <input> or <textarea> elements. The placeholder...

Read More

First off what is placeholder text? Placeholder text is alternate hint text, word or short phrase to help the user enter the correct data. The placeholder text is displayed in the <input> or <textarea> elements only when the user has not yet entered any data, clicked or tabbed to the <input> or <textarea> elements. The placeholder text usually returns when the user has unfocused the <input> or <textarea> elements and has not entered any data in the <input> or <textarea> elements. The placeholder...

Read More

How To Add A Color Picker Using The Element In HTML5

Before I begin Opera 11 is the only browser as of this writing that supports the <input type="color" />. In-order to add a color picker using HTML5 you will need to add the <input> element with the type attribute with the value of color which will add a color well and allow the user to choose a color which will then return the color's hexadecimal value. When the <input type="color" /> is used, there is always a color picked, and there is no way to set the value to the empty string. In Mac and Windows systems, the <input...

Read More

How To Add Focus To A Form Control When The Web Page Is Loaded Using HTML5

In-order to display a form control with focus when a page loads you will need to use the autofocus attribute for HTML5. The autofocus attribute can be specified in the <input> element (but not when the type attribute is set to hidden), the autofocus attribute can also be specified in the <select>, <textarea>, and <button> elements. The autofocus attribute provides a way to put focus on a form control when the page is loaded, which allows the user to just start typing without having to manually put focus on the main form...

Read More

Learn How To Let Your Users Enter A Web Pages URL Address To Your Forms Using HTML5

Now HTML5 introduces a way for you and your users to enter a web address into a form. A web address is also known as a URL (Uniform Resource Locator) and a URI (Uniform Resource Identifier), which is a special type of text that specifies where an identified resource is located and the mechanism for retrieving it. In-order to enter a URL address in HTML5 you will need to use the type attributes new value url for the <input> element. The <input type="url" /> control will create a text entry control that will allow you or your...

Read More