Hyperlink

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

Style	Attribute	Value	Standard Example	Inline Example

Standard			Link: Display Name:	Link: Display Name:
Disabled	class disabled	disabled disabled	Link: Display Name:	Link: Display Name:
Invalid	class	invalid	Link: Display Name:	Link: Display Name:
Read Only	class readonly	readonly readonly	Link: Display Name:	Link: Link:

    
      <div class="form-group">
        <label for="<!-- Link input control ID goes here -->" class="control-label"><!-- Link label text goes here -->:</label>
        <div class="control-input">
          <input type="url" class="form-control" id="<!-- Link input control ID goes here -->" name="<!-- Link input control name goes here -->" placeholder="Enter url" value="<!-- Link input control value goes here -->">
        </div>
        <div class="form-control-spacer"></div>
        <label for="<!-- Title input control ID goes here -->" class="control-label"><!-- Title label text goes here -->:</label>
        <div class="control-input">
          <input type="text" class="form-control" id="<!-- Title input control ID goes here -->" name="<!-- Title input control name goes here -->" placeholder="Enter title" value="<!-- Title input control value goes here -->">
        </div>
      </div>