Text Inputs

Text input

<div class="form-group"> <label for="exampleInput">Inputlabel<em>optional</em></label> <input type="text" class="form-control " id="exampleInput" placeholder=""> </div>

02 Text Input Disabled

<div class="form-group"> <label for="exampleInput">Disabled Inputlabel</label> <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled> </div>

Text Input Error

<div class="form-group has-error"> <label class="control-label" for="inputError1">Input with error</label> <input type="text" class="form-control" id="inputError1"> </div>

Text-Input Pattern

<div class="form-group"> <label for="exampleInput">Inputlabel<em>optional</em></label> <input type="text" class="form-control" id="exampleInput" placeholder="Text"> </div>

Text Input Success

<div class="form-group has-success"> <label class="control-label" for="inputSuccess1">Input with success</label> <input type="text" class="form-control" id="inputSuccess1" aria-describedby="helpBlock2"> </div>

Text Input Warning

<div class="form-group has-warning"> <label class="control-label" for="inputWarning1">Input with warning</label> <input type="text" class="form-control" id="inputWarning1"> </div>