HTML and CSS Reference
In-Depth Information
<div>
<meter id="Meter" value="50" min="20" max="120"
low="50" high="100" optimum="75">
<strong>Meter:</strong>
</meter>
</div>
</fieldset>
}
</div>
</body>
</html>
Summary
In this chapter you used some of the new HTML5 input types in an ASP.NET MVC project. As with the traditional
web forms project, you have to do a little extra work to use them but it's fairly easy to incorporate the new HTML5
features. In particular, the MVC framework is designed to be extensible, which provides a clean platform for
building HTML5 applications.
The MVC pattern provides models that define the data elements used on the forms. By including some
metadata attributes in the model and then providing custom templates you can take advantage of the HTML5
semantic-specific controls. There are open-source extensions that you can download and install, making it easy
to build HTML5 compliant applications. However, in this chapter I showed you how to build your own custom
helper extension and build your own editor templates. If you find yourself in a unique situation where you need a
specific implementation, you can always build your own.
With the MVC Razor view engine you can also include literal HTML markup so you have ultimate control of
the user experience. I also introduced two new HTML controls,
progress
and
meter
and demonstrated how these
work with some simple JavaScript to manipulate them.
