Input Type – range The range type is used for input fields that should contain a value from a range of numbers. The range type is displayed as a slider bar. You can also set restrictions on what numbers are accepted: <input type=”range” name=”points” min=”1″ max=”10″ /> Use the following attributes to specify restrictions for [...]
Go to post pageHTML5 New Input Types HTML5 has several new input types for forms. These new features allow for better input control and validation. This chapter covers the new input types: email url number range Date pickers (date, month, week, time, datetime, datetime-local) search color Browser Support Input type IE Firefox Opera Chrome Safari email No 4.0 [...]
Go to post pageStoring Data on the Client HTML5 offers two new objects for storing data on the client: localStorage – stores data with no time limit sessionStorage – stores data for one session Earlier, this was done with cookies. Cookies are not suitable for large amounts of data, because they are passed on by EVERY request to [...]
Go to post pageUnderstanding Coordinates The fillRect method above had the parameters (0,0,150,75). This means: Draw a 150×75 rectangle on the canvas, starting at the top left corner (0,0). The canvas’ X and Y coordinates are used to position drawings on the canvas. More Canvas Examples Below are more examples of drawing on the canvas element: - [...]
Go to post pageWhat is Canvas? The HTML5 canvas element uses JavaScript to draw graphics on a web page. A canvas is a rectangular area, and you control every pixel of it. The canvas element has several methods for drawing paths, boxes, circles, characters, and adding images. Create a Canvas Element Add a canvas element to the HTML5 [...]
Go to post pageHTML5 provides a standard for playing audio. Audio on the Web Until now, there has never been a standard for playing audio on a web page. Today, most audio are played through a plugin (like flash). However, not all browsers have the same plugins. HTML5 specifies a standard way to include audio, with the audio [...]
Go to post pageVideos on the Web Until now, there has never been a standard for showing a video or movie on a web page. Today, most videos are shown through a plugin (like flash). However, different browsers may have different plugins. HTML5 defines a new element which specifies a standard way to include video: the <video> element. [...]
Go to post pageNew Media Elements HTML5 provides a new standard for media content: Tag Description <audio> For multimedia content, sounds, music or other audio streams <video> For video content, such as a movie clip or other video streams <source> For media resources for media elements, defined inside video or audio elements <embed> For embedded content, such as [...]
Go to post pageNew Elements in HTML5 The internet has changed a lot since HTML 4.01 became a standard in 1999. Today, some elements in HTML 4.01 are obsolete, never used, or not used the way they were intended to. These elements are deleted or re-written in HTML5. To better handle today’s internet use, HTML5 also includes new [...]
Go to post pageHTML5 Introduction HTML5 is the next generation of HTML. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in 1999. The web has changed a lot since then. HTML5 is still a work in progress. However, most modern browsers have some HTML5 [...]
Go to post page