examples.html

---
title: Examples
id: examples
game: pirateslovedaisies
---

<p>
  Solve many common problems in form handling easily and quickly with the HTML5
  validation API and the enhancements provided by Hyperform:
</p>
<nav id="nav">
  <ul>
    <li><a href="examples/simple.html">Simple required field</a></li>
    <li><a href="examples/password_confirm.html">Password confirmation</a></li>
    <li><a href="examples/conditional_requirement.html">Conditional requirement</a></li>
    <li><a href="examples/types.html">Different <code>&lt;input></code> types</a></li>
    <li><a href="examples/global_message.html">Global error message</a></li>
    <li><a href="examples/manipulate_wrapper.html">Manipulate wrapper elements</a></li>
    <li><a href="examples/custom_classes.html">Custom CSS classes to <code>&lt;input></code> and warning</a></li>
    <li><a href="examples/custom_messages.html">Custom validation messages</a></li>
    <li><a href="examples/buttons_with_names.html">Submit Buttons with <code>name</code> attribute</a></li>
  </ul>
</nav>
<div id="stage"></div>
<div id="code"></div>
<nav>
  <ul>
    <li class="home"><a href=".">Back to the frontpage</a></li>
  </ul>
</nav>