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

Altinn Design system based on Pattern Lab.

<!-- START: 00-atomer-01-forms-33-♺-sok-mork-bakgrunn -->
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

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

  <label class="a-form-label  sr-only  " for="text-input-darkBackground">Label: </label>

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


    <input class="form-control  
         a-hasButton  " type="text" placeholder="f.eks placeholder" name="input-field" data-val="true" id="text-input-darkBackground">

    <div class="input-group-append">
      <button onclick="location.href='/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html';" class="btn btn-secondary" type="button">
              <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search   a-bgBlueDarker"    ></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-33-♺-sok-mork-bakgrunn -->