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

Altinn Design system based on Pattern Lab.

<!-- START: 00-atomer-01-forms-30-♺-sok -->
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->

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

  <label class="a-form-label  sr-only  " for="text-input-search-11">Søk etter innhold: </label>

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


    <input class="form-control  
         a-hasButton  " type="search" placeholder="Søk etter innhold" name="input-field" data-val="true" id="text-input-search-11">

    <div class="input-group-append">
      <button onclick="location.href='/patterns/04-sider-infoportal-40-sok-00-sok-forside/04-sider-infoportal-40-sok-00-sok-forside.html';" 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>

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


<!-- END: 00-atomer-01-forms-30-♺-sok -->