FormDesignBlock

<form method="post" data-f-metadata="" enctype="multipart/form-data" class="EPiServerForms ValidationSuccess ng-pristine ng-valid" data-f-type="form" id="ddecd3e9-7394-4f12-9090-250db8e65826" action="https://www.miun.se/beta/formular/" data-mtr="true">

    <input name="__RequestVerificationToken" type="hidden" value="4usdfXL_u-BrqWUFU1E3n_RdKioY834y2PRaFWBVOjrni-6F4Cgfp8nO-o-wTldW3VGYN62VABZcwvZIwrnyYzBA2C81" autocomplete="off">

    <script type="application/javascript" src="/EPiServer.Forms/DataSubmit/GetFormInitScript?formGuid=ddecd3e9-7394-4f12-9090-250db8e65826&amp;formLanguage=sv"></script>

    <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormGuid" value="ddecd3e9-7394-4f12-9090-250db8e65826" data-f-type="hidden" autocomplete="off">
    <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormHostedPage" value="249304" data-f-type="hidden" autocomplete="off">
    <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormLanguage" value="sv" data-f-type="hidden" autocomplete="off">
    <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormCurrentStepIndex" value="1" data-f-type="hidden" autocomplete="off">
    <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormSubmissionId" value="0b90d837-de78-4d48-865f-5b835a2b41c0" data-f-type="hidden" autocomplete="off">

    <h2 class="Form__Title">Formulär</h2>
    <aside class="Form__Description">Beskrivning</aside>

    <div class="Form__MainBody">

        <section id="__field_" data-f-type="step" data-f-element-name="__field_" class="Form__Element FormStep Form__Element--NonData hide" data-f-stepindex="0" data-f-element-nondata="">

            <!-- Each FormStep groups the elements below it til the next FormStep -->
            <div class="messagebox-element">
                <label>Meddelanderuta</label>

                <div class="body-container">
                    <p>En meddelande ruta <strong>med HTML</strong> för information</p>

                </div>
            </div>
            <div class="Form__Element FormTextbox" data-f-element-name="__field_249317" data-f-type="textbox">
                <label for="6898ca91-682a-42da-955c-cd7c171a6396" class="Form__Element__Caption">Text - Anything - Optional</label>
                <input name="__field_249317" id="6898ca91-682a-42da-955c-cd7c171a6396" type="text" class="FormTextbox__Input" placeholder="Placeholder" value="Default value" title="A text input with free text and is optional" data-f-datainput="">

                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249317" data-f-validationerror="" style="display:none"></span>

            </div>
            <div class="Form__Element FormSelection" data-f-element-name="__field_249330" data-f-type="selection">
                <label for="73d8f092-f77c-4af9-84b5-4a91a8998577" class="Form__Element__Caption">Multiple choice</label>
                <select name="__field_249330" id="73d8f092-f77c-4af9-84b5-4a91a8998577" multiple="">
        <option disabled="disabled" value="">Placeholder</option>
        
        <option value="Item1" selected="selected" data-f-default-value="true">Item1</option>
        
        <option value="Item2">Item2</option>
        
        <option value="Item3">Item3</option>
        
    </select>
                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249330" data-f-validationerror="" style="display:none"></span>
            </div>
            <div class="Form__Element FormChoice" data-f-element-name="__field_249331" data-f-type="choice" id="7967c800-2af1-4be7-96b5-2d3fd8dfa6b3">
                <span class="Form__Element__Caption">Radiobuttons</span>

                <input type="radio" id="__field_249331_0" name="__field_249331" value="Item1" class="FormChoice__Input FormChoice__Input--Radio" checked="checked" data-f-default-value="&quot;true&quot;" data-f-datainput="">

                <label for="__field_249331_0" tabindex="0">Item1</label>

                <input type="radio" id="__field_249331_1" name="__field_249331" value="Item2" class="FormChoice__Input FormChoice__Input--Radio" data-f-datainput="">

                <label for="__field_249331_1" tabindex="0">Item2</label>

                <input type="radio" id="__field_249331_2" name="__field_249331" value="Item3" class="FormChoice__Input FormChoice__Input--Radio" data-f-datainput="">

                <label for="__field_249331_2" tabindex="0">Item3</label>

                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249331" data-f-validationerror="" style="display:none"></span>
            </div>
            <div class="Form__Element FormChoice" data-f-element-name="__field_249332" data-f-type="choice" id="cc4f8379-9ce0-47e1-be46-ec38c68aa2e2">
                <span class="Form__Element__Caption">Checkboxes</span>

                <input type="checkbox" id="__field_249332_0" name="__field_249332" value="Item1" class="FormChoice__Input FormChoice__Input--Checkbox" checked="checked" data-f-default-value="&quot;true&quot;" data-f-datainput="">

                <label for="__field_249332_0" tabindex="0">Item1</label>

                <input type="checkbox" id="__field_249332_1" name="__field_249332" value="Item2" class="FormChoice__Input FormChoice__Input--Checkbox" data-f-datainput="">

                <label for="__field_249332_1" tabindex="0">Item2</label>

                <input type="checkbox" id="__field_249332_2" name="__field_249332" value="Item3" class="FormChoice__Input FormChoice__Input--Checkbox" data-f-datainput="">

                <label for="__field_249332_2" tabindex="0">Item3</label>

                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249332" data-f-validationerror="" style="display:none"></span>
            </div>
        </section>

        <section id="__field_249425" data-f-type="step" data-f-element-name="__field_249425" class="Form__Element FormStep Form__Element--NonData" data-f-stepindex="1" data-f-element-nondata="">

            <h3 class="FormStep__Title">Step</h3>
            <aside class="FormStep__Description"></aside>

            <!-- Each FormStep groups the elements below it til the next FormStep -->
            <div class="Form__Element FormTextbox ValidationRequired" data-f-element-name="__field_249318" data-f-type="textbox">
                <label for="d75d91c4-9a0c-4a82-9163-9f1aeb75df99" class="Form__Element__Caption">Text - Anything - Mandatory</label>
                <input name="__field_249318" id="d75d91c4-9a0c-4a82-9163-9f1aeb75df99" type="text" class="FormTextbox__Input" placeholder="Placeholder" value="Default value" title="A freetext that is mandatory" required="" data-f-datainput="">

                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249318" data-f-validationerror="" style="display:none"></span>

            </div>
            <div class="Form__Element FormTextbox" data-f-element-name="__field_249319" data-f-type="textbox">
                <label for="415495bd-79dc-4fa9-b5ea-888155c2df4a" class="Form__Element__Caption">Text - Regexp - Optional</label>
                <input name="__field_249319" id="415495bd-79dc-4fa9-b5ea-888155c2df4a" type="text" class="FormTextbox__Input" placeholder="Placeholder" value="Default value" title="Text that must contain numbers" data-f-datainput="">

                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249319" data-f-validationerror="" style="display:none"></span>

            </div>
            <div class="Form__Element FormTextbox" data-f-element-name="__field_249320" data-f-type="textbox">
                <label for="07f780ce-fac7-4e68-b51f-c28b86a02183" class="Form__Element__Caption">Text - E-Mail - Optional</label>
                <input name="__field_249320" id="07f780ce-fac7-4e68-b51f-c28b86a02183" type="text" class="FormTextbox__Input" placeholder="Placeholder" value="Default value" title="Text for email input" data-f-datainput="">

                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249320" data-f-validationerror="" style="display:none"></span>

            </div>
            <div class="divider_element">
                <h3>Avskiljare</h3>
                <hr>
                <p>Skärmtips av någon typ</p>
            </div>
            <div class="Form__Element FormTextbox" data-f-element-name="__field_249321" data-f-type="textbox">
                <label for="84816eb4-8ef6-4c7e-b8bf-e295573bb204" class="Form__Element__Caption">Text - DD/MM/YYYY - Optional</label>
                <input name="__field_249321" id="84816eb4-8ef6-4c7e-b8bf-e295573bb204" type="text" class="FormTextbox__Input" placeholder="Placeholder" value="Default value" title="A text with Text - DD/MM/YYYY - Optional" data-f-datainput="">

                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249321" data-f-validationerror="" style="display:none"></span>

            </div>
            <div class="Form__Element FormTextbox" data-f-element-name="__field_249322" data-f-type="textbox">
                <label for="b920c0b9-f868-40a5-976a-eb71a4bc0779" class="Form__Element__Caption">Text - MM/DD-YYYY - Optional</label>
                <input name="__field_249322" id="b920c0b9-f868-40a5-976a-eb71a4bc0779" type="text" class="FormTextbox__Input" placeholder="Placeholder" value="Default value" title="Text - MM/DD-YYYY - Optional" data-f-datainput="">

                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249322" data-f-validationerror="" style="display:none"></span>

            </div>
            <div class="Form__Element FormTextbox" data-f-element-name="__field_249323" data-f-type="textbox">
                <label for="fa6955fc-4a1e-4b36-b088-224d8f2e7b9d" class="Form__Element__Caption">Text - YYYY-MM-DD - Optional</label>
                <input name="__field_249323" id="fa6955fc-4a1e-4b36-b088-224d8f2e7b9d" type="text" class="FormTextbox__Input" placeholder="Placeholder" value="Default value" title="Text - YYYY-MM-DD - Optional" data-f-datainput="">

                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249323" data-f-validationerror="" style="display:none"></span>

            </div>
            <div class="Form__Element FormTextbox FormTextbox--Textarea" data-f-element-name="__field_249324" data-f-modifier="textarea" data-f-type="textbox">
                <label for="1f079ad4-2e2e-4568-aa97-33df43f71926" class="Form__Element__Caption">Textruta</label>
                <textarea name="__field_249324" id="1f079ad4-2e2e-4568-aa97-33df43f71926" class="FormTextbox__Input form-control" placeholder="Placeholder" data-f-label="Textruta" data-f-datainput=""></textarea>
                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249324" data-f-validationerror="" style="display:none"></span>
            </div>
            <div class="divider_element">
                <hr>
            </div>
            <div class="Form__Element FormTextbox FormTextbox--Number" data-f-element-name="__field_249325" data-f-modifier="number" data-f-type="textbox">
                <label for="319433dc-4d77-4b30-927f-e48718bb4500" class="Form__Element__Caption">Number</label>
                <input name="__field_249325" id="319433dc-4d77-4b30-927f-e48718bb4500" type="text" placeholder="Placeholder" class="FormTextbox__Input" data-f-datainput="" value="">
                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249325" data-f-validationerror="" style="display:none"></span>

            </div>
            <div class="Form__Element FormTextbox" data-f-element-name="__field_249326" data-f-type="textbox">
                <label for="9fde6aca-1565-4189-88c2-68188a3c70a7" class="Form__Element__Caption">Personnummer</label>
                <input name="__field_249326" id="9fde6aca-1565-4189-88c2-68188a3c70a7" type="text" class="FormTextbox__Input" placeholder="Placeholder" value="" autocomplete="off" title="A personnumber in the format YYYYMMDD-XXXX" error_ssn="Personnumret är ogilitigt"
                    ssn_regex="^$|\d{10}$" data-f-datainput="">

                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249326" data-f-validationerror="" style="display:none"></span>

            </div>
            <div class="Form__Element FormTextbox FormPassword ValidationRequired" data-f-element-name="__field_249327" data-f-type="textbox">
                <label for="4214ba39-7e68-4674-b202-dd15354742a2" class="Form__Element__Caption">Password</label>
                <input name="__field_249327" id="4214ba39-7e68-4674-b202-dd15354742a2" type="password" class="FormTextbox__Input" placeholder="Placeholder" value="" autocomplete="new-password" title="Enter a new passwrod" error_repeat="Lösenorden överensstämmer inte"
                    error_complexity="Lösenordet uppfyller inte kraven på komplexitet. Det måste bestå av minst 3 tecken, innehålla både stora och små bokstäver samt siffror." complexity_regex="" required="" data-f-datainput="">

                <label for="e5d4aa43aa1b4a078f512ae44fcbaf42" class="Form__Element__Caption">Upprepa lösenordet</label>
                <input name="__field_249327_rpt" id="e5d4aa43aa1b4a078f512ae44fcbaf42" type="password" autocomplete="new-password" class="FormTextbox__Input">
                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249327" data-f-validationerror="" style="display:none"></span>

            </div>
            <div class="Form__Element Form__Element FormRange" data-f-element-name="__field_249328" data-f-type="range">

                <label for="e7962bf7-8c96-49cf-b646-35a21ac403c0" class="Form__Element__Caption">Interval</label>

                <span class="FormRange__Min">0</span>
                <div class="range-element" style="position:relative">
                    <input name="__field_249328" id="e7962bf7-8c96-49cf-b646-35a21ac403c0" type="range" class="FormRange__Input" value="0" data-f-datainput="" min="0" max="10" step="1" title="Interval from 0 to 10 in step 1">
                    <output for="e7962bf7-8c96-49cf-b646-35a21ac403c0" onforminput="value=(e7962bf7-8c96-49cf-b646-35a21ac403c0).valueAsNumber;" style="left: 0.2px; margin-left: 0.2%;">0</output>
                </div>
                <span class="FormRange__Max">10</span>

                <span data-f-linked-name="__field_249328" data-f-validationerror="" class="Form__Element__ValidationError" style="display: none;"></span>

            </div>

            <script type="application/javascript">
                document.addEventListener("DOMContentLoaded", function(event) {
                    //hide output for IE, since it uses title to display value in slider
                    if (!!navigator.userAgent.match(/Trident\/7\./)) {
                        $("output").hide();
                    }
                    //set output value below slider thumb
                    $(function() {
                        var el, newPoint, newPlace, offset;
                        // Select all range inputs, watch for change
                        $("input[type='range']").change(function() {
                                // Cache this for efficiency
                                el = $(this);
                                // Measure width of range input
                                width = el.width();
                                // Figure out placement percentage between left and right of input
                                newPoint = (el.val() - el.attr("min")) / (el.attr("max") - el.attr("min"));
                                // Janky value to get pointer to line up better
                                offset = 0.2; //-1.3;
                                // Prevent bubble from going beyond left or right (unsupported browsers)
                                if (newPoint < 0) {
                                    newPlace = 0;
                                } else if (newPoint > 1) {
                                    newPlace = width;
                                } else {
                                    newPlace = width * newPoint + offset;
                                    offset -= newPoint;
                                }
                                // Move bubble
                                el
                                    .next("output")
                                    .css({
                                        left: newPlace,
                                        marginLeft: offset + "%"
                                    })
                                    .text(el.val());
                            })
                            // Fake a change to position bubble at page load
                            .trigger('change');
                    });
                });
            </script>
            <div class="Form__Element FormTextbox FormTextbox--Url" data-f-element-name="__field_249329" data-f-modifier="url" data-f-type="textbox">
                <label for="9fbbda16-65e2-4ab0-a890-3bc2997d28a5" class="Form__Element__Caption">Url</label>
                <input name="__field_249329" id="9fbbda16-65e2-4ab0-a890-3bc2997d28a5" type="url" class="FormTextbox__Input FormUrl__Input" placeholder="Placeholder" value="" title="Url to website" data-f-datainput="">

                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249329" data-f-validationerror="" style="display:none"></span>
            </div>
            <div class="Form__Element FormChoice FormChoice--Image" data-f-element-name="__field_249333" data-f-type="choice" id="931e7cda-0d34-46a6-a9bd-7c9bba151935">
                <div class="Form__Element__Caption">Imagelist</div>
                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249333" data-f-validationerror="" style="display:none"></span>
            </div>
            <div class="Form__Element FormFileUpload" data-f-element-name="__field_249420" data-f-type="fileupload">
                <label for="b730d07c-63b6-43f0-bc65-f5e77c545f0e" class="Form__Element__Caption">File upload</label>
                <div id="btn-b730d07c-63b6-43f0-bc65-f5e77c545f0e" class="btn btn-small btn-upload" role="button">
                    <span class="glyphicon glyphicon-upload"></span>
                    <span>File upload</span>
                    <input name="__field_249420" id="b730d07c-63b6-43f0-bc65-f5e77c545f0e" type="file" class="FormFileUpload__Input" data-f-datainput="">
                </div>
                <br>
                <div id="file-b730d07c-63b6-43f0-bc65-f5e77c545f0e" class="FormFileUpload__PostedFile" data-f-postedfile=""></div>
                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249420" data-f-validationerror="" style="display:none"></span>
            </div>

            <script type="application/javascript">
                document.addEventListener("DOMContentLoaded", function(event) {
                    $("#b730d07c-63b6-43f0-bc65-f5e77c545f0e").on('change', function() {
                        var input = document.getElementById("b730d07c-63b6-43f0-bc65-f5e77c545f0e");
                        var files = input.files;
                        $("#file-b730d07c-63b6-43f0-bc65-f5e77c545f0e").empty();
                        for (var x = 0; x < files.length; x++) {
                            var file = files[x].name;
                            var path = file.replace(/C:\\fakepath\\/i, '');
                            var icon = "<span class=\"glyphicon glyphicon-file\"></span>"
                            $("#file-b730d07c-63b6-43f0-bc65-f5e77c545f0e").append(icon + ' ' + path + '<br />');
                        }
                    });
                });
            </script>
            <div class="Form__Element Form__Element FormCaptcha" data-f-element-name="__field_249421" data-f-type="captcha">

                <label class="Form__Element__Caption" for="c91d5cbd-07bf-4248-a4ba-60c2f705a9f1">
        Captcha</label>
                <button name="submit" type="submit" data-f-captcha-image-handler="c91d5cbd-07bf-4248-a4ba-60c2f705a9f1" value="RefreshCaptcha" class="FormExcludeDataRebind FormCaptcha__Refresh btn btn-small">
            <span class="glyphicon glyphicon-refresh"></span>
            <span class="sr-only">Uppdatera captcha</span>
        </button>

                <img src="/EPiServer.Forms/DataSubmit/GetCaptchaImage?textLength=5&amp;width=350&amp;height=75&amp;elementGuid=c91d5cbd-07bf-4248-a4ba-60c2f705a9f1" alt="Ett fel inträffade när CAPTCHA-bilden skulle hämtas" class="FormCaptcha__Image" data-f-captcha-image="">
                <input id="c91d5cbd-07bf-4248-a4ba-60c2f705a9f1" name="__field_249421" type="text" class="FormTextbox__Input FormCaptcha__Input FormHideInSummarized" data-f-datainput="">

                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249421" data-f-validationerror="" style="display:none"></span>

            </div>
            <div class="Form__Element FormParagraphText Form__Element--NonData" data-f-element-name="__field_249422" data-f-element-nondata="">
                <div name="__field_249422" id="bde27813-c652-4652-84be-d82bf7c14953"></div>
                <script type="application/javascript">
                    if (typeof $$epiforms !== 'undefined') {
                        $$epiforms(document).ready(function() {
                            $$epiforms(".EPiServerForms").on("formsNavigationNextStep formsSetupCompleted", function(event) {
                                (function($) {
                                    var text = "",
                                        workingFormInfo = event.workingFormInfo,
                                        searchPattern = null,
                                        $workingForm = workingFormInfo.$workingForm,
                                        $currentElement = $("#bde27813-c652-4652-84be-d82bf7c14953", $workingForm);
                                    // if cannot find the element in form, do nothing
                                    if (!$currentElement || $currentElement.length == 0) {
                                        return;
                                    }
                                    var data = epi.EPiServer.Forms.Data.loadCurrentFormDataFromStorage($workingForm);
                                    // use this trick to convert "HTML Entity character" to its visual-representation.
                                    // text: is the HTML Entity character generated by the EditView Input element. elementInfo.friendlyName store the visual-representation only.
                                    // example: text contains &amp; (which is HTML Entity character), but friendlyName contains & (visual character)
                                    text = $('<textarea />').html(text).text();
                                    // replace placeholder with real field value
                                    for (var fieldName in workingFormInfo.ElementsInfo) {
                                        if (workingFormInfo.FieldsExcludedInSubmissionSummary.indexOf(fieldName) != -1) {
                                            continue;
                                        }
                                        var elementInfo = workingFormInfo.ElementsInfo[fieldName],
                                            friendlyName = elementInfo.friendlyName;
                                        if (!friendlyName) {
                                            continue;
                                        }
                                        var value = elementInfo && elementInfo.customBinding == true ?
                                            epi.EPiServer.Forms.CustomBindingElements[elementInfo.type](elementInfo, data[fieldName]) :
                                            data[fieldName];
                                        if (value == null || value === undefined) {
                                            value = "";
                                        }
                                        //https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace
                                        //https://msdn.microsoft.com/en-us/library/ewy2t5e0.aspx
                                        var escapeSpecialCharacterFromFriendlyName = friendlyName.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
                                        searchPattern = new RegExp("#" + escapeSpecialCharacterFromFriendlyName + "#", 'g');
                                        text = text.replace(searchPattern, $('<div></div>').text(value).html());
                                    }
                                    $currentElement.html(text);
                                })($$epiforms);
                            });
                        });
                    }
                </script>
            </div>
            <fieldset class="Form__Element FormChoice FormChoice--Image" data-f-element-name="__field_249423" data-f-type="choice" id="5c295837-873f-413c-a250-aa24c7dfc559">
                <legend class="Form__Element__Caption">ImagevaultChoiceElementBlock</legend>
                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249423" data-f-validationerror="" style="display:none"></span>

                <label class="FormChoice--Image__Item" tabindex="0">
        
        <input type="radio" id="5c295837-873f-413c-a250-aa24c7dfc559_0" name="__field_249423" value="ingaxb.jpg" class="FormChoice__Input FormChoice__Input--Radio" data-f-datainput="">
        
        <span class="FormChoice--Image__Item__Caption">ingaxb.jpg</span>
        <figure class="check-image">
            <figcaption>

            </figcaption>
            <img src="/imagevault/publishedmedia/j9o3vzxjs7exx6zz6gy4/ingaxb.jpg" alt="ingaxb.jpg" title="ingaxb.jpg">
            <span>
                <i class="fa fa-check"></i>
            </span>
        </figure>
        
        <span class="check-overlay">

        </span>
    </label>

                <label class="FormChoice--Image__Item" tabindex="0">
        
        <input type="radio" id="5c295837-873f-413c-a250-aa24c7dfc559_1" name="__field_249423" value="Saad_Muhamad_Shaikh_1600x900.jpg" class="FormChoice__Input FormChoice__Input--Radio" data-f-datainput="">
        
        <span class="FormChoice--Image__Item__Caption">Saad_Muhamad_Shaikh_1600x900.jpg</span>
        <figure class="check-image">
            <figcaption>

            </figcaption>
            <img src="/imagevault/publishedmedia/zi0sopeyelvc9miu2kcj/Saad_Muhamad_Shaikh_1600x900.jpg" alt="Saad_Muhamad_Shaikh_1600x900.jpg" title="Saad_Muhamad_Shaikh_1600x900.jpg">
            <span>
                <i class="fa fa-check"></i>
            </span>
        </figure>
        
        <span class="check-overlay">

        </span>
    </label>
            </fieldset>
            <div class="Form__Element FormChoice ValidationRequired" data-f-element-name="__field_249312" data-f-type="choice" id="ac212736-6c2e-489c-9a12-639a33069049" required="">

                <input type="checkbox" id="__field_249312_0" name="__field_249312" value="Vi vill ha ditt samtycke till att få hantera dina personuppgifter. Läs om hur vi hanterar personuppgifter här." class="FormHideInSummarized FormChoice__Input FormChoice__Input--Checkbox"
                    data-f-datainput="">

                <label for="__field_249312_0" tabindex="0"><p>Vi vill ha ditt samtycke till att få hantera dina personuppgifter. <a href="/link/787a91688d9843cd9b606b5607ddab0b.aspx">Så här hanterar vi dina personuppgifter.</a></p></label>

                <span class="Form__Element__ValidationError" data-f-linked-name="__field_249312" data-f-validationerror="" style="display:none"></span>
            </div>

            <button id="735c200d-aa59-4881-adb5-01209c872062" name="submit" type="submit" value="735c200d-aa59-4881-adb5-01209c872062" data-f-is-finalized="false" data-f-is-progressive-submit="true" data-f-type="submitbutton" class="Form__Element FormExcludeDataRebind FormSubmitButton btn btn-small">
        Skicka
    
</button>

            <input type="reset" form="ddecd3e9-7394-4f12-9090-250db8e65826" class="Form__Element FormResetButton Form__Element--NonData btn btn-small" data-f-element-nondata="" value="Reset" data-f-type="resetbutton">
        </section>

        <nav role="navigation" class="Form__NavigationBar" data-f-type="navigationbar" data-f-element-nondata="">
            <div class="row">
                <div class="col-sm-3 text-right">
                    <button type="submit" name="submit" value="PreviousStep" class="Form__NavigationBar__Action FormExcludeDataRebind btnPrev btn btn-small" data-f-navigation-previous="">
                            Föregående steg</button>
                </div>

                <div class="col-sm-6">
                    <div class="Form__NavigationBar__ProgressBar">
                        <div class="Form__NavigationBar__ProgressBar--Progress" style="width: 100%;" data-f-navigation-progress=""></div>
                        <div class="Form__NavigationBar__ProgressBar--Text">
                            <span class="Form__NavigationBar__ProgressBar__ProgressLabel">Steg</span>
                            <span class="Form__NavigationBar__ProgressBar__CurrentStep" data-f-navigation-currentstep="">2</span>/

                            <span class="Form__NavigationBar__ProgressBar__StepsCount" data-f-navigation-stepcount="">2</span>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <button type="submit" name="submit" value="NextStep" class="Form__NavigationBar__Action FormExcludeDataRebind btnNext btn btn-small" data-f-navigation-next="" disabled="">
                            Nästa steg</button>
                </div>
            </div>
        </nav>

    </div>

    <div class="Form__Status">
        <div class="Form__Status__Message hide" data-f-form-statusmessage=""></div>
    </div>

</form>