altinn-designsystem/dist/patterns/00-atomer-01-forms-36-♺-sok-tema-autocomplete/00-atomer-01-forms-36-♺-sok-tema-autocomplete.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 00-atomer-01-forms-36-♺-sok-tema-autocomplete JS doc: searchWithAutocomplete.js -->
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

<div class="form-group a-form-group   ">

  <label class="a-form-label  sr-only  " for="text-input-find-13">Finn skjema eller tjeneste</label>

  <div class="a-form-group-items input-group   ">
    <span class="input-group-prepend d-none d-md-block"><!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-document   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>


    <input class="form-control a-js-autocomplete  a-hasIcon 
         a-hasButton  " type="search" placeholder="Finn skjema eller tjeneste" name="input-field" data-val="true" id="text-input-find-13">

    <div class="input-group-append">
      <button class="btn btn-secondary" type="button">
              <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

              <span class="sr-only">Søk</span>
          </button>
    </div>



  </div>
  <div class="a-autocomplete-container d-none d-sm-block">
  </div>


</div>

<!-- END: 00-atomer-01-forms-10-tekst-input -->


<!-- END: 00-atomer-01-forms-36-♺-sok-tema-autocomplete -->