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

Altinn Design system based on Pattern Lab.

<!-- START: 02-organismer-20-forms-20-skjema-navn -->
<form data-toggle="validator" role="form" action="link.sider-portal-innboks-mva" class="">
  <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

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

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

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


      <input class="form-control  
         " type="text" placeholder="f.eks navnet ditt og virksomheten" name="input-field" data-val="true" id="text-input-generic" required>




    </div>

    <small id="help" class="form-text a-validatorInfo">
        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-info  a-validatorInfo-icon "    ></i>


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

        hei Navnet må inneholde etternavnet ditt. Du kan markedsføre deg med et annet navn enn foretaksnavnet, men det kan være smart om disse samsvarer. <a href="#">Tips til navnevalget</a>
      </small>
    <small id="help" class="form-text a-validatorInfo">
        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-check  a-validatorInfo-icon "    ></i>


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

        Navnet er gyldig! Obs: Det finnes allerede et enkeltpersonforetak med dette navnet. Det er ikke noe som hindrer deg fra å bruke det, men om du vil ha et unikt navn kan du prøve noe annet.
      </small>

    <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 -->


  <div class="a-btn-group mt-2">
    <!-- START: 00-atomer-03-knapper-10-knapp -->
    <button type="submit" class="a-btn ">
  
    Sjekk navnet
  
</button>

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


    <!-- START: 00-atomer-03-knapper-10-knapp -->
    <button type="reset" class="a-btn-link ">
  <span>
    Prøv et annet navn
  </span>
</button>

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

  </div>
</form>

<!-- END: 02-organismer-20-forms-20-skjema-navn -->