Telephone

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

Style	Attribute	Value	Standard Example	Inline Example

Standard			Telephone:	Telephone:
Disabled	class disabled	disabled disabled	Telephone:	Telephone:
Invalid	class	invalid	Telephone:	Telephone:
Read Only	class readonly	readonly readonly	Telephone:	Telephone:

    
      <div class="form-group formatted-telephone">
        <label for="<!-- Country input control ID goes here -->">Telephone:</label>
        <input type="text" class="form-control formatted-telephone-country" id="<!-- Country input control ID goes here -->" name="<!-- Country input control name goes here -->" placeholder="+44" value="<!-- Country input control value goes here -->">
        <input type="text" class="form-control formatted-telephone-area" id="<!-- Area input control ID goes here -->" name="<!-- Area input control name goes here -->" placeholder="121" value="<!-- Area input control value goes here -->">
        <input type="text" class="form-control formatted-telephone-number" id="<!-- Number input control ID goes here -->" name="<!-- Number input control name goes here -->" placeholder="123 4567" value="<!-- Number input control value goes here -->">
      </div>