altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
51 lines (31 loc) • 2.07 kB
HTML
<!-- START: 01-molekyler-05-forms-10-abonner JS doc: feedbackToggle.js -->
<form data-toggle="validator" class="a-js-subscribe" data-disable="true" id="subscribtion">
<div class="row">
<div class="col-8">
<!-- 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-epost">Epost: </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-closedmessage " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="email" placeholder="Din e-post" name="email-field" data-val="true" id="text-input-epost" required data-val-regex="Feil epost verdier" data-val-regex-pattern="(('[^']+')|(([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+(.([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+)*))@((((([a-zA-Z0-9æøåÆØÅ]([a-zA-Z0-9-æøåÆØÅ]{0,61})[a-zA-Z0-9æøåÆØÅ].)|[a-zA-Z0-9æøåÆØÅ].){1,9})([a-zA-Z]{2,14}))|((d{1,3}).(d{1,3}).(d{1,3}).(d{1,3})))">
</div>
<div class="a-message a-message-error" data-valmsg-for="email-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-4">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn disabled " disabled>
Send
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</form>
<p class="a-fontSizeXS a-js-finishText">Takk, du er nå påmeldt vår nyhetsbrevtjeneste. Dette betyr at du vil få tilsendt en e-post fra Altinn hver gang vi publiserer en nyhet. <a class='a-js-undo'>Angre</a></p>
<p class="a-fontSizeXS a-js-altText">Du har angret innsendingen, og er ikke lengre påmeldt vårt nyhetsbrev.</p>
<!-- END: 01-molekyler-05-forms-10-abonner -->