Email

Email controls comprise of a surround and 4 styles, toggled by optional attributes and classes. The attribute should be added to the <input> tag, and classes should follow on from the surrounding <div>.

Style Attribute Value Standard Example Inline Example
Standard
Disabled class

disabled
disabled

disabled
Invalid class invalid
Read Only class

readonly
readonly

readonly
    
      <div class="form-group">
        <label for="<!-- Input control ID goes here -->" class="control-label"><!-- Label text goes here -->:</label>
        <div class="control-input">
          <input type="email" class="form-control" id="<!-- Input control ID goes here -->" name="<!-- Input control name goes here -->" placeholder="Enter email" value="<!-- Input control value goes here -->">
        </div>
      </div>