Components / Form
Autocomplete
Autocomplete structure
For the status of an autocomplete, add the class .form-autocomplete to the form group. The list of selection is builded with javascript
Facoltativo
Campo obbligatorio
<div class="col-xs-12 col-md-6">
<div class="form-group form-autocomplete">
<label for="exampleautocomplete" class="bmd-label-static">Select a City</label>
<input type="text" class="form-control typeahead" id="exampleautocomplete" name="autcomplete">
</div>
<div class="form-group form-autocomplete">
<label for="exampleautocomplete" class="bmd-label-static">Select a City</label>
<input type="text" class="form-control typeahead" id="exampleautocomplete" name="autcomplete">
<span class="form-text">Facoltativo</span>
</div>
<div class="form-group form-autocomplete">
<label for="exampleautocomplete" class="bmd-label-static">Autocomplete valorized</label>
<input type="text" class="form-control typeahead" id="exampleautocomplete" name="autcomplete" value="valorized">
</div>
<div class="form-group form-autocomplete">
<label for="exampleautocomplete" class="bmd-label-static">Autocomplete valorized disabled</label>
<input type="text" class="form-control typeahead" id="exampleautocomplete" name="autcomplete" disabled value="valorized">
</div>
<div class="form-group form-autocomplete">
<label for="exampleautocomplete" class="bmd-label-static">Autocomplete disabled</label>
<input type="text" class="form-control typeahead" id="exampleautocomplete" name="autcomplete" disabled>
</div>
<div class="form-group form-autocomplete field-error">
<label for="exampleautocomplete" class="bmd-label-static">Autocomplete error</label>
<input type="text" class="form-control typeahead" id="exampleautocomplete" name="autcomplete">
<span id="exampleautocomplete-error" class="form-text error">Campo obbligatorio</span>
</div>
<div class="form-group form-autocomplete form-tooltip">
<i class="fas fa-info-circle icon-tc-bright-blue" data-toggle="tooltip" data-placement="top" title="Lorem ipsum dolor sit amet, consect etur adipiscing elit. Cras finibus imperdiet leo quis eleifend top"></i>
<label for="exampleautocomplete" class="bmd-label-static">Select a City</label>
<input type="text" class="form-control typeahead" id="exampleautocomplete" name="autcomplete">
</div>
</div>