altinn-designsystem/dist/patterns/02-organismer-20-forms-30-skjema-adresse/02-organismer-20-forms-30-skjema-adresse.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 02-organismer-20-forms-30-skjema-adresse -->
<form data-toggle="validator" role="form" action="" class="form-inline a-form-inline ">
  <div class="clearfix d-block mb-2">
    <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

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

      <label class="a-form-label  " for="text-input-100">Adresse</label>

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


        <input class="form-control  
         " type="text" placeholder="F.eks Storgata 12" name="input-field" data-val="true" id="text-input-100" required>




      </div>


      <div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
    </div>

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


    <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

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

      <label class="a-form-label  " for="postnummer">Postnummer:</label>

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


        <input class="form-control a-input-postnumber 
         " type="text" placeholder="4 siffer" name="input-field" data-val="true" id="postnummer" required data-val-length-max="4">



        <span class="a-input-placecode a-js-place" style="display:none;"></span>

      </div>


    </div>

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

  </div>

  <!-- START: 00-atomer-03-knapper-10-knapp -->
  <button type="submit" class="a-btn ">
  
    Neste
  
</button>

  <!-- END: 00-atomer-03-knapper-10-knapp -->

</form>

<!-- END: 02-organismer-20-forms-30-skjema-adresse -->