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>