Text

Text 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			Text:	Text:
Disabled	class disabled	disabled disabled	Text:	Text:
Invalid	class	invalid	Text:	Text:
Invalid Error Message	class	error	Text: Error message.	Text:
Read Only	class readonly	readonly readonly	Text:	Text:

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

Example code for error message:

    
      <div class="form-group invalid error">
        <label for="text-field1c">Text:</label>
        <input type="text" class="form-control" id="text-field1c" name="text_field1c" placeholder="Enter text" value="">

        <span class="error-message">Error message.</span>
      </div>