UPGRADING & REPARING

 You create such controls using the <input> element with the type attribute set to the type of control you want (check box, radio button, text field), and the name attribute set to the name of the control as you'll reference it in code (in a scripting language like JavaScript or a server-side language loke PHP). HTML5 extends the number of form control available to you, adding such controls as a date-time picker and a numeric range control. Those new controls are the focus of this website.

​

We'll also create an example in this website, webforms.html, that displays the new controls. The only browser that displays the new controls so far is the Opera browser, so this website runs in Opera. We'll also create a small PHP server-side program that displays the value you entered into the date time picker control when you click the Submit button in this website to show how you can extract data from these controls on the server (but note that you don't have to know PHP to read this website).

​

For reference, you can read what W3C has to say about the web form controls at www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#attr-input-type. Getting data with the new web form controls. HTML5 comes stocked with a number of new controls, extending considerably the controls already available in HTML (such as check boxes, option buttons, and so on). For example, there is now a color picker, an email field, a datetime control, and even a telephone number control. Web pages become more interactive with HTML5, and that includes letting the user edit text in a web page.