This is an example of a HTML5 form using the range and output input types. As the user slides the range widget, the number next to it will change. This is becasue the form tag's oninput is set to "document.getElementById('rangeOutput').innerHTML = '$' + document.getElementById('rangeEl').value". Back to User Agent Man HTML5 Forms article

Personal Information

Thank you for giving to the Zoltan Hawryluk Entertainment Fund. Your contribution will ensure that Webmasters in Need will be able to buy beer when they would otherwise do without.

Form fields labelled * are mandatory

Full Name :
Required. If you would like to give anonymously, tough. We find people are more generous when their Good Name is on the line.
Company Name :
If you are unemployed, please leave blank.
Donation Amount: -
This is a range element, with a min of 10 and a max of 150. An placed <output> tag has been placed next to it to show what the value is.
Zip Code
Please enter a valid American zip code. Valid format is nnnnn or nnnnn-nnnn where n is a numeric digit.