Inputs

The Input Element follows the styling and usage guidelines of the U.S. Web Design System’s Form Control.

Demonstration

Markup

<div class="input">
  <!--{ @required  required="true" specifies wether the input is required by a form }-->
  <!--{ @pattern   pattern="{{ my regular expression }}" a regular expression the input's value must match in order to validate }-->
  <!--{ @tabindex  Add tabindex="-1" to insure focusable elements are not visible when parent is hidden }-->
  <input id="9aef508f0fb4b" name="input['9aef508f0fb4b']" required="true" type="text" />
</div>