Password

Password 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			Password:	Password:
Disabled	class disabled	disabled disabled	Password:	Password:
Invalid	class	invalid	Password:	Password:
Read Only	class readonly	readonly readonly	Password:	Password:

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

For security reasons the password field should never have the value attribute populated. The only potential exception would be if the control is set to be read only in which case a string containing a number of asterisks would be appropriate eg: "********".