Umbraco Forms: Default

<div id="umbraco_form_9f021ef3f8fd4aafbf3e695c212f897b" class="umbraco-forms-form testform umbraco-forms-">
    <form action="/testpage/" enctype="multipart/form-data" method="post">
        <div class="umbraco-forms-page">
            <fieldset class="umbraco-forms-fieldset" id="8772b27d-61ca-4d38-8316-0ff13004c046">
                <legend>Form field Group</legend>
                <div class="row-fluid">
                    <div class="umbraco-forms-container col-md-12">

                        <div class=" umbraco-forms-field shortanswer shortanswer">

                            <label for="79eb679e-4468-4307-b821-43b7079ab8c5" class="umbraco-forms-label">
                                Short Answer </label>

                            <span class="umbraco-forms-tooltip help-block">Help text</span>

                            <div class="umbraco-forms-field-wrapper">

                                <input type="text" name="79eb679e-4468-4307-b821-43b7079ab8c5" id="79eb679e-4468-4307-b821-43b7079ab8c5" class=" text" value="" maxlength="500">

                                <span class="field-validation-valid" data-valmsg-for="79eb679e-4468-4307-b821-43b7079ab8c5" data-valmsg-replace="true"></span>
                            </div>

                        </div>

                        <div class=" umbraco-forms-field longanswer longanswer alternating">

                            <label for="093658af-3b73-4eb4-9371-9e3acbab5be1" class="umbraco-forms-label">
                                Long Answer </label>

                            <div class="umbraco-forms-field-wrapper">

                                <textarea class="" name="093658af-3b73-4eb4-9371-9e3acbab5be1" id="093658af-3b73-4eb4-9371-9e3acbab5be1" rows="2" cols="20"></textarea>

                                <span class="field-validation-valid" data-valmsg-for="093658af-3b73-4eb4-9371-9e3acbab5be1" data-valmsg-replace="true"></span>
                            </div>

                        </div>

                        <div class="umbraco-forms-field longanswer longanswer alternating expandable-textarea js-expandable-textarea" data-expand="+ Tilføj kommentar" data-collapse="Fjern kommentar">
                            <label for="093658af-3b73-4eb4-9371-9e3acbab5be044" class="umbraco-forms-label">Long Answer (Expandable)</label>
                            <div class="umbraco-forms-field-wrapper">
                                <textarea class="" name="093658af-3b73-4eb4-9371-9e3acbab5be044" id="093658af-3b73-4eb4-9371-9e3acbab5be044" rows="6" cols="20"></textarea>
                                <span class="field-validation-valid" data-valmsg-for="093658af-3b73-4eb4-9371-9e3acbab5be044" data-valmsg-replace="true"></span>
                            </div>
                        </div>

                        <div class=" umbraco-forms-field datepicker date">

                            <label for="0d4d69ee-6c99-4bd3-f5dc-50751c76732b" class="umbraco-forms-label">
                                Datepicker </label>

                            <div class="umbraco-forms-field-wrapper">

                                <input type="hidden" name="0d4d69ee-6c99-4bd3-f5dc-50751c76732b" id="0d4d69ee-6c99-4bd3-f5dc-50751c76732b" class="datepickerfieldshadow" value="">
                                <input type="text" class=" text datepickerfield" name="0d4d69ee-6c99-4bd3-f5dc-50751c76732b" id="0d4d69ee-6c99-4bd3-f5dc-50751c76732b_1" autocomplete="off" value="">

                                <span class="field-validation-valid" data-valmsg-for="0d4d69ee-6c99-4bd3-f5dc-50751c76732b" data-valmsg-replace="true"></span>
                            </div>

                        </div>
                        <div class=" umbraco-forms-field checkbox checkbox alternating">

                            <label for="b9d7566e-cebf-44b7-cade-bf1467c42613" class="umbraco-forms-label">
                                Check Box </label>

                            <span class="umbraco-forms-tooltip help-block">Help text for checkbox</span>

                            <div class="umbraco-forms-field-wrapper">

                                <input type="checkbox" name="b9d7566e-cebf-44b7-cade-bf1467c42613" id="b9d7566e-cebf-44b7-cade-bf1467c42613" class="">

                                <span class="field-validation-valid" data-valmsg-for="b9d7566e-cebf-44b7-cade-bf1467c42613" data-valmsg-replace="true">Validation message</span>
                            </div>

                        </div>
                        <div class=" umbraco-forms-field fileupload fileupload">

                            <label for="59cf5911-c60d-4a86-d953-10d0720ff6b0" class="umbraco-forms-label">
                                File Upload </label>

                            <span class="umbraco-forms-tooltip help-block">Upload</span>

                            <div class="umbraco-forms-field-wrapper">

                                <input type="file" class="" name="59cf5911-c60d-4a86-d953-10d0720ff6b0" id="59cf5911-c60d-4a86-d953-10d0720ff6b0" multiple="">

                                <span class="field-validation-valid" data-valmsg-for="59cf5911-c60d-4a86-d953-10d0720ff6b0" data-valmsg-replace="true"></span>
                            </div>

                        </div>
                        <div class=" umbraco-forms-field password password alternating">

                            <label for="b7ad9371-ccee-4218-e1de-63b7f0e5af6d" class="umbraco-forms-label">
                                Password </label>

                            <div class="umbraco-forms-field-wrapper">

                                <input type="password" name="b7ad9371-ccee-4218-e1de-63b7f0e5af6d" id="b7ad9371-ccee-4218-e1de-63b7f0e5af6d" class=" text" value="">

                                <span class="field-validation-valid" data-valmsg-for="b7ad9371-ccee-4218-e1de-63b7f0e5af6d" data-valmsg-replace="true"></span>
                            </div>

                        </div>
                        <div class=" umbraco-forms-field multiplechoice multiplechoice">

                            <label for="37caf6a7-d1ff-49d1-cc5d-d07fde331173" class="umbraco-forms-label">
                                Multiple Choice </label>

                            <div class="umbraco-forms-field-wrapper">

                                <span class="checkboxlist" id="37caf6a7-d1ff-49d1-cc5d-d07fde331173">
                                    <input type="checkbox" class="" name="37caf6a7-d1ff-49d1-cc5d-d07fde331173" id="37caf6a7-d1ff-49d1-cc5d-d07fde331173_0" value="Item 1">
                                    <label for="37caf6a7-d1ff-49d1-cc5d-d07fde331173_0">Item 1</label>
                                    <br>
                                    <input type="checkbox" class="" name="37caf6a7-d1ff-49d1-cc5d-d07fde331173" id="37caf6a7-d1ff-49d1-cc5d-d07fde331173_1" value="Item 2">
                                    <label for="37caf6a7-d1ff-49d1-cc5d-d07fde331173_1">Item 2</label>
                                    <br>
                                    <input type="checkbox" class="" name="37caf6a7-d1ff-49d1-cc5d-d07fde331173" id="37caf6a7-d1ff-49d1-cc5d-d07fde331173_2" value="Item 3">
                                    <label for="37caf6a7-d1ff-49d1-cc5d-d07fde331173_2">Item 3</label>
                                    <br>
                                </span>

                                <span class="field-validation-valid" data-valmsg-for="37caf6a7-d1ff-49d1-cc5d-d07fde331173" data-valmsg-replace="true"></span>
                            </div>

                        </div>
                        <div class=" umbraco-forms-field dataconsent dataconsent alternating">

                            <label for="6d22b70a-6a31-405f-b7b5-a6095e491016" class="umbraco-forms-label">
                                Data Consent </label>

                            <div class="umbraco-forms-field-wrapper">

                                <div class=" radiobuttonlist dataconsent" id="6d22b70a-6a31-405f-b7b5-a6095e491016">

                                    <input type="radio" name="6d22b70a-6a31-405f-b7b5-a6095e491016" id="6d22b70a-6a31-405f-b7b5-a6095e491016_Accept" value="accepted">
                                    <label for="6d22b70a-6a31-405f-b7b5-a6095e491016_Accept">Accept</label>
                                    <br>

                                    <input type="radio" name="6d22b70a-6a31-405f-b7b5-a6095e491016" id="6d22b70a-6a31-405f-b7b5-a6095e491016_Decline" value="declined">
                                    <label for="6d22b70a-6a31-405f-b7b5-a6095e491016_Decline">Decline</label>
                                </div>

                                <span class="field-validation-valid" data-valmsg-for="6d22b70a-6a31-405f-b7b5-a6095e491016" data-valmsg-replace="true"></span>
                            </div>

                        </div>
                        <div class=" umbraco-forms-field dropdown dropdown">

                            <label for="079ec4a4-63b0-4573-82ca-ff6f6b20c0c6" class="umbraco-forms-label">
                                Dropdown </label>

                            <div class="umbraco-forms-field-wrapper">

                                <select class="" name="079ec4a4-63b0-4573-82ca-ff6f6b20c0c6" id="079ec4a4-63b0-4573-82ca-ff6f6b20c0c6">
                                    <option value=""></option>
                                    <option value="Item 1">Item 1</option>
                                    <option value="Item 2">Item 2</option>
                                    <option value="Item 3">Item 3</option>
                                </select>

                                <span class="field-validation-valid" data-valmsg-for="079ec4a4-63b0-4573-82ca-ff6f6b20c0c6" data-valmsg-replace="true"></span>
                            </div>

                        </div>

                    </div>
                </div>

            </fieldset>
            <fieldset class="umbraco-forms-fieldset" id="661d70ff-9859-4bc6-ac04-47e58b37d207">

                <legend>New field group</legend>

                <div class="row-fluid">

                    <div class="umbraco-forms-container col-md-12">

                        <div class=" umbraco-forms-field singlechoice singlechoice alternating">

                            <label for="07d5af2e-c79b-4704-ec5d-fd566344de57" class="umbraco-forms-label">
                                Single choice </label>

                            <div class="umbraco-forms-field-wrapper">

                                <div class="  radiobuttonlist" id="07d5af2e-c79b-4704-ec5d-fd566344de57">
                                    <input type="radio" name="07d5af2e-c79b-4704-ec5d-fd566344de57" id="07d5af2e-c79b-4704-ec5d-fd566344de57_0" value="Item 1">
                                    <label for="07d5af2e-c79b-4704-ec5d-fd566344de57_0">Item 1</label>
                                    <br>
                                    <input type="radio" name="07d5af2e-c79b-4704-ec5d-fd566344de57" id="07d5af2e-c79b-4704-ec5d-fd566344de57_1" value="Item 2">
                                    <label for="07d5af2e-c79b-4704-ec5d-fd566344de57_1">Item 2</label>
                                    <br>
                                    <input type="radio" name="07d5af2e-c79b-4704-ec5d-fd566344de57" id="07d5af2e-c79b-4704-ec5d-fd566344de57_2" value="Item 3">
                                    <label for="07d5af2e-c79b-4704-ec5d-fd566344de57_2">Item 3</label>
                                    <br>
                                </div>

                                <span class="field-validation-valid" data-valmsg-for="07d5af2e-c79b-4704-ec5d-fd566344de57" data-valmsg-replace="true"></span>
                            </div>

                        </div>
                        <div class=" umbraco-forms-field titleanddescription titleanddescription">

                            <div class="umbraco-forms-field-wrapper">

                                <div id="063745fd-a5f1-4ccd-86c8-87abc68d4eb5" class="">
                                    <h2>A headline</h2>
                                    <p>A body text</p>
                                </div>

                                <span class="field-validation-valid" data-valmsg-for="063745fd-a5f1-4ccd-86c8-87abc68d4eb5" data-valmsg-replace="true"></span>
                            </div>

                        </div>
                        <div class=" umbraco-forms-field recaptcha recaptcha alternating">

                            <label for="042adc51-1e18-49e8-9c67-d871ab431345" class="umbraco-forms-label">
                                Recaptcha </label>

                            <div class="umbraco-forms-field-wrapper">

                                <script type="text/javascript">
                                    var RecaptchaOptions = {
                                        theme: 'clean',
                                        tabindex: 0
                                    };
                                </script>
                                <script type="text/javascript" src="https://www.google.com/recaptcha/api/challenge?k=6LeqoNsSAAAAAOQrdqDFE5KAzDESxxxODLpOeJjh&amp;hl=&amp;">
                                </script>
                                <script type="text/javascript" src="https://www.google.com/recaptcha/api/js/recaptcha.js"></script>
                                <div id="recaptcha_widget_div" style="" class=" recaptcha_nothad_incorrect_sol recaptcha_isnot_showing_audio">
                                    <div id="recaptcha_area">
                                        <table id="recaptcha_table" class="recaptchatable recaptcha_theme_clean">
                                            <tbody>
                                                <tr height="73">
                                                    <td class="recaptcha_image_cell" width="302">
                                                        <center>
                                                            <div id="recaptcha_image" style="width: 300px; height: 57px;"><img id="recaptcha_challenge_image" alt="reCAPTCHA challenge image" src="https://www.gstatic.com/recaptcha/images/v1_unsupported.png" width="300" height="57"></div>
                                                        </center>
                                                    </td>
                                                    <td style="padding: 10px 7px 7px 7px;">
                                                        <a id="recaptcha_reload_btn" title="Get a new challenge"><img id="recaptcha_reload" alt="Get a new challenge" src="https://www.google.com/recaptcha/api/img/clean/refresh.png" width="25" height="18"></a>
                                                        <a id="recaptcha_switch_audio_btn" class="recaptcha_only_if_image" title="Get an audio challenge"><img id="recaptcha_switch_audio" alt="Get an audio challenge" src="https://www.google.com/recaptcha/api/img/clean/audio.png" width="25" height="15"></a>
                                                        <a id="recaptcha_switch_img_btn" class="recaptcha_only_if_audio" title="Get a visual challenge"><img id="recaptcha_switch_img" alt="Get a visual challenge" src="https://www.google.com/recaptcha/api/img/clean/text.png" width="25" height="15"></a>
                                                        <a id="recaptcha_whatsthis_btn" title="Help"><img id="recaptcha_whatsthis" src="https://www.google.com/recaptcha/api/img/clean/help.png" alt="Help" width="25" height="16"></a>
                                                    </td>
                                                    <td style="padding: 18px 7px 18px 7px;"> <img id="recaptcha_logo" alt="" src="https://www.google.com/recaptcha/api/img/clean/logo.png" width="71" height="36"> </td>
                                                </tr>
                                                <tr>
                                                    <td style="padding-left: 7px;">
                                                        <div class="recaptcha_input_area" style="padding-top: 2px; padding-bottom: 7px;"> <span id="recaptcha_challenge_field_holder" style="display: none;"><input type="hidden" name="recaptcha_challenge_field" id="recaptcha_challenge_field" value="SHUTDOWN"></span>
                                                            <input style="border: 1px solid #3c3c3c; width: 302px;" name="recaptcha_response_field" id="recaptcha_response_field" type="text" placeholder="Type the text" autocomplete="off">
                                                        </div>
                                                    </td>
                                                    <td colspan="2"><span id="recaptcha_privacy" class="recaptcha_only_if_privacy"></span></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <noscript>
                                    <iframe src="https://www.google.com/recaptcha/api/noscript?k=6LeqoNsSAAAAAOQrdqDFE5KAzDESxxxODLpOeJjh&hl=&" width="500" height="300" frameborder="0">

                                    </iframe>
                                    <br />
                                    <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
                                    <input name="recaptcha_response_field" value="manual_challenge" type="hidden" />
                                </noscript>

                                <span class="field-validation-valid" data-valmsg-for="042adc51-1e18-49e8-9c67-d871ab431345" data-valmsg-replace="true"></span>
                            </div>

                        </div>
                        <div class=" umbraco-forms-field hiddenfield hidden">

                            <div class="umbraco-forms-field-wrapper">

                                <input type="hidden" name="223cc27a-0bab-4b99-f0a7-a5ac75643ea9" id="223cc27a-0bab-4b99-f0a7-a5ac75643ea9" class="hidden" value="">

                                <span class="field-validation-valid" data-valmsg-for="223cc27a-0bab-4b99-f0a7-a5ac75643ea9" data-valmsg-replace="true"></span>
                            </div>

                        </div>
                        <div class=" umbraco-forms-field recaptcha2 recaptcha2 alternating">

                            <label for="a9ef3bbb-c848-44d1-cf7c-1b7c56a4635b" class="umbraco-forms-label">
                                Recaptcha 2 </label>

                            <div class="umbraco-forms-field-wrapper">

                                <script src="https://www.google.com/recaptcha/api.js" async="" defer=""></script>
                                <div class="g-recaptcha" data-sitekey="6LeqoNsSAAAAAOQrdqDFE5KAzDESxxxODLpOeJjh" data-theme="light" data-size="normal">
                                    <div style="width: 304px; height: 78px;">
                                        <div>
                                            <iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6LeqoNsSAAAAAOQrdqDFE5KAzDESxxxODLpOeJjh&amp;co=aHR0cHM6Ly93ZWIyMDE4LWRldmFkbWluYXBwLmF6dXJld2Vic2l0ZXMubmV0OjQ0Mw..&amp;hl=da&amp;v=v1550471573786&amp;theme=light&amp;size=normal&amp;cb=kpuvgjqsw4gg" role="presentation" name="a-pr8672nejgl3" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" width="304" height="78" frameborder="0"></iframe>
                                        </div>
                                        <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
                                    </div>
                                </div>

                                <span class="field-validation-valid" data-valmsg-for="a9ef3bbb-c848-44d1-cf7c-1b7c56a4635b" data-valmsg-replace="true"></span>
                            </div>

                        </div>

                    </div>
                </div>

            </fieldset>

            <div style="display: none">
                <input type="text" name="9f021ef3f8fd4aafbf3e695c212f897b">
            </div>

            <div class="umbraco-forms-navigation row-fluid">

                <div class="col-md-12">
                    <input type="submit" class="btn primary" value="Submit" name="__next">
                </div>
            </div>
        </div>
        <input name="ufprt" type="hidden" value="522664C4BF4956169577321AA13B54039FACF31221937C5321C452351C9C052649384B9CA453C2393C1B3CF601743732FA270103D612B61EC63637BF9DCE3B9BE8415BE8C0B6A5D3CEB87BA42C6849C2B567C0CD3A39831EB3D0A5F6063EF10FE3CF99BB1346DDC00972A46ABDCB54479E72C914CDAC72F803BB7DA70C21DD292B04068BB92E47C3D9998AA9409EABBA">
    </form>

</div>