UHasselt Component Library

Forms 

<div id="umbraco_form_1967aa59ec984007ba8391486ff84bc2" class="umbraco-forms-form exampleform umbraco-forms-uhasselt">

    <form action="/nl/forms-example" enctype="multipart/form-data" method="post">
        <input name="__RequestVerificationToken" type="hidden" value="PS7q0C4JGXiyxyZe5gbbQgQCvmwUl-PATCk7BbU8vx1hUKHKqKIBN0ptkUihR3fNViKYEAxnR9xIG57aYBm2YgPxaDJEyAsI4QB4BPhEmW01" /><input data-val="true" data-val-required="Het veld FormId is vereist." name="FormId" type="hidden" value="1967aa59-ec98-4007-ba83-91486ff84bc2" /><input name="FormName" type="hidden" value="Example form" /><input data-val="true" data-val-required="Het veld RecordId is vereist." name="RecordId" type="hidden" value="00000000-0000-0000-0000-000000000000" /><input name="PreviousClicked" type="hidden" value="" /><input name="Theme" type="hidden" value="uhasselt" /> <input type="hidden" name="FormStep" value="0" />
        <input type="hidden" name="RecordState" value="OUYxM0IzRkE5NkFCNzQyRkVDQ0E2NzE2RjY3NkZCNDhDQzc1QTBCOEIzMURBNThBRTNDREMxQkFCMTZCMkNDODczQzM3NTQxNkQ1M0Y1RjAyOENBN0M2OUI2QTdCQkNFNEUyOTMxRUQ4NjEwOEY1OTdERjI4MDYzNkEzQTRDNTQ4MzdBMDdEQTM1RUExOTI1NTA0MzIzRDYyQzgxODNDMENDMkNGRUQ1RTZERDdGMzE1MkI3MTk1RjZCMThDMTJBRTFFMEYxNDM1MDNCQjA4M0ZCNzAzMTI1MTA5M0YwMThFNThBQzExNDRGNjAwQzc5RUMzRjlGOTY0QjRDQTZGMEUxRjk3M0UyQzEzQjVEQTNGNUFCQzRDM0I0MDRCMUYzNDg1MTNCOUVBQkREOUU4MzRFNUFDMjAxOEY2OEREQUEzODRGNjU5QkNCQjM4RUVDMUJBRDQ2QkY2Nzg4RDg0NUY4NDM4RDczODBCN0U2MUJCMjdBQUQ2RUZERjNCMEMxNUY4Q0NDQzc2OENCNjE3MjU1RkM1MkJEQUZGMjJENUM1QTYwRjg0NjNGNDA3MkE1NkRBMEI5NDQyQ0NFN0EzMUZBQjdDNjQzMjVEN0YxQTkxQkUwMEQzOTM3MDM2RkVFOUE5QzEzNkFENzVCNDA2RkU4QkQ2RUZDMUUwNERCQzIxM0JEQTA1Mjk3MERGQzMxQ0Y5RTE5MUI2RDdDRkQ1NkQ3MDIzNzM4MkVBNUFFRDQ0ODFFNjc4NEZCQkQyNDM0OTE0RURGMzkxMEIzNURDQUFEQ0E5QTQzRjlCMENDNzdFQ0U0Q0M2NzQ3NEY3Njk2N0NEMDA2MzE4MTVFQ0FFQzYzNTU2RDJERkQxQThGNjYzQzc0NDhGQjZBREZDNTdGN0MyNTlFMzZEREM3NDNCRDIyOEI2ODUyMjFFMEQ4QzI5QzJBRDY1NzgwQTkzRTY5REIwOUFCNEU2QTI2MjY3REI1MkNFN0I4QTQ3OTgxN0Y3NkZGRUYxQjg5QjMyREFDNDMxMzgwNEFCQkM2MEZFM0M3MzMzOTA4NTJGMTE3RTQ4QjFDRUM4NEYzRkQyOTAyQTg4Mjg1MkEwQTc4QUE0Nzg2MTA1ODBEMzcwM0RDREQwNjgzMzkwMjk4NjA0QUJCMDk3RDY3QzhGRUE4NjYyNDBENDA2RThFNkFFQUZFMDg5MkFCOTE0QzE3ODQ3MzBCMzM1NDA4ODFCREIwNUJDNzk0MTBFMUFDQzQ5Q0RGOEYxNjBEN0Y5RUFDMzkxMzAyOTU5NDVDQ0U0MTNCMDFFNkIyRUU3MjM2QkU3MUNFNkE2OUM4NEYwODlCMjI4MTMxNENFNkY5MkNDNTcxQzUzNTU5MDcyOEEyNDc5OTkzNTNGMTJDMDYyNzM4RjU2RUQ4NTNFODk2N0Y1MzgwNTJDRTAyMTk2QkVCRTRGNzMzQjhCQ0ZFODU4N0E4Q0E0MzNBNDg2OEJCQzY0OTVCMDEwNEQwREIxNzg4NjFCODhBOUI4M0Y0MDc3RTc2RkVCQ0M3MjJBNkQ3NTZEODFBMzkzODlGODVCQjA4MzM3OTBGMTEzRTlFRTMyN0EzOUYyRTVBQjZCQUMyNDc3RDQ2Nzg1QTY1QjMwOEY3OTFEMEZCNzIwOUE5REQ2NUY4QjU5MzYwMkEzOTI3QzhGNTFFNjk4OThEQkVDNTI1REFGRTk1RDE2NkI1QzRBNzE1QUM2QUIxQ0Q5NzZDODBDREJBQjYzNDMzMjkxRTZCQUY4OTE3RDk2ODUzNDJBNDY1QkZEMTM4NDMwMEE2NEIwMkVFMzk1ODE4NTVCNEQ4MTFCOUYzQzdBRjQ1NkI5ODEyMzZBMEZFNkU2RTc2MzUyNzExRTlFM0VDMTE1MDFCODJCQzlBNDZENzlDODQyNDhCNzIwODhCMTQ1N0UxN0RBRjc2RDI4NjM3QUExMTUxQkM2QUZBQ0Y3NjQ1MDVEMjc0OTM2Q0QwOUE5NEMyMzk0NEMyRTgxNzRCRTY3Q0ZENkNGODVEQTU0MDc2MzM1RUEzRjMwNUI4NDdEN0RGODExRTgxMzJEOEJCNUQ0RDNBMzkxNTA2MDI0MDI4MTJENTZENTRDMTAyMDhDRDQwQUVGRTc0MzJEQUVCN0ZEQThEOTg1NDA3ODUyNjAxQTA2ODEzM0M5RTdGMEQyRjEzN0UwOUQ1Q0RFMTEzMTAyQUU3NTc0RUE2ODJDMkJDOUREQUYwMkNFNENCQjA1RkM2MzAwNzM0OTVFOUQ5QjgyRjVFOENCMTQ4QkI0NTA3Qjk5NDEwMTY0MEQ4N0VEQUEyODE0MzU1MkFGRjMzRTU5OThGRDNFMDdBNThBNDlEMDUxQjczQkJBNDMwMjJFRUEyMDUzQTZBRDEwQUE2QzQyOUI0NzMzRjZGQjRBMDQwNUM2MzM4RjJBMTIwNDQyMkNDOUQyQUJCREFFRDVBRjc4MjhFOEI3OEI1MDhDNzBENDQ4RDA4M0RDMTc0RTBEQTE4N0ZGNTNDN0VBMjNDOTQ3OTQ1RkQ2RDQ3MkIyNTVFQjlENkJFMzgzMjA1QzMwODkwNEQzNDIwRDREMDA5OTQ3QzdDQUE0NjM4QzFGODM5REE1NDhFQzI4NUMwOEM4QTQ0OTRDNThCQTVGQUZCMzZDMkQ1QjQxQTRDNzI3NUQwMjY2NkQ5QjJEQUZDMTJERTUwMTU0MTFFQjg0NDI2NzQ0Mjc3OEZDNDFCMjQ1MTkxQUQwQTEzOURBQTM0M0E2MjBFM0Y4OTE4NkJFOUFGOTBGRTAyMEFFODQ3OEJEMjNEQTA1RDA3OEFDQzZDMjkwQUIwOEU5RTlBRTM5MjYyQThCNTQ4Q0M5QTQ5N0U3QjAwRThDOUE4OUI2RTMzQzJDMDNCREQ2M0U5MTg3OQ0KRjg3OTk4M0REN0MyRUU5NEJFMjkxNEQyOUNERTg0NEUzRUQ1NUIzM0RENUQwMjYzOTI1NTdGRTk4QTk4RUNBNjc1OUVGRDNEMUEwRkE4NTZCRjc4NEE0RTc2NTQ0MUVEMkI1QzFDRDU2MDQ3MTAwNzEzMjVFQjIyM0Q3QTA4MjUxMTlGODlCNjZDNDYxMjk1NDIzMUQ3QzJENzAwOTNGMUI0REJDNUYyOEVBMTRBNUQ1QkJFRkU5MjQ2NjU0Q0Y1RThDQzcxODQ1MjhBMEI2MjEzNDJBMjM1QjNDRTFDQTBFMjI1NEM0NDU5QjQ3NTJFNzQ0RkY3REI4RjY2MjExQUIwNDE3RTg2OTY2MjYwOEJFNUY5ODc1RTE5RkMzNzM1NjFDMzlDNzhDRUFGNTg1MUUzNDY5RkFERUE4QUYxNjk2QkFFNUZGOUMyRjkyRUY3MkRGRTRGREY5Nzk2NEJCRjZCNEE0MzlDMUU0NTEwQjhFQTQ1MEY1MkZDN0ZBMkVDMUVGMjFBNjdGMDkyQTk3NzZFREQwNTNBMkY1RUE3MDQyREFDN0RCMjU5NDA3QjQwQkREMUNBMDhFMzk5NjU1Q0I1NTVFRDdGQ0QxMkNDNjA3MUUyNTJBNjJBM0IyNzFCMENFRjM2QkQ2OTAzMEQ4MzdEOTg0QjFDRjFBMTk5MTI2QTlGQ0Q2QkZCRTg4MUIxMEI4MkJBNjZDNzg5RUNCREIxRDAyQjdFRjFGNkUwOUYyN0IyRkRFNjE3QzlCMUJCNDYxNzcxM0U1RkRBRjc0MjJDNEYwMjM1ODRGQUM4QjFCRUQ5NTkxMjA3RDc0MTMwQThFNDNCMzc5RTlEM0I0OEI5MDM4RkQ5Q0M4RTBGREE5NDMzMjRDN0JEMjE1MjY4MjhCQjYwNDZDQUJDNUNGOEVERUQ1QURFMUY4Rjg0RDY=" />

        <div class="umbraco-forms-page">
            <div class="umbraco-forms-container">
                <div class=" umbraco-forms-field shortanswer shortanswer mandatory">

                    <label class="form-label umbraco-forms-label" for="3b86ba62-97a2-4f7a-87ec-2b3337e8980c">Short answer *</label>
                    <span class="umbraco-forms-tooltip help-block">Help text short answer</span>
                    <div class="umbraco-forms-field-wrapper">
                        <span class="form-input-wrapper ">
                            <input type="text" name="3b86ba62-97a2-4f7a-87ec-2b3337e8980c" id="3b86ba62-97a2-4f7a-87ec-2b3337e8980c" class="form-input " required maxlength="500" data-val="true" data-val-required="Please provide a value for Short answer">

                            <span class="icon far fa-times form-input-error-icon"></span>

                            <span class="icon far fa-check form-input-valid-icon"></span>

                        </span>
                        <span class="field-validation-valid" data-valmsg-for="3b86ba62-97a2-4f7a-87ec-2b3337e8980c" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="9c68e8e7-ca04-4a5e-dc14-1d8e950c7812">Long answer *</label>

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

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

                        <textarea name="9c68e8e7-ca04-4a5e-dc14-1d8e950c7812" id="9c68e8e7-ca04-4a5e-dc14-1d8e950c7812" class="form-textarea">

</textarea>
                        <span class="field-validation-valid" data-valmsg-for="9c68e8e7-ca04-4a5e-dc14-1d8e950c7812" data-valmsg-replace="true"></span>
                    </div>

                </div>
                <div class=" umbraco-forms-field date date mandatory">

                    <label class="form-label umbraco-forms-label" for="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d">Date *</label>
                    <span class="umbraco-forms-tooltip help-block">Help text date</span>

                    <div class="umbraco-forms-field-wrapper">
                        <input type="hidden" name="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d" id="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d" data-umb="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d" class="datepickerfieldshadow" value="" />
                        <input type="text" name="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d" id="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d_1" data-umb="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d_1" class="datepickerfield" autocomplete="off" value="" data-val="true" data-val-required="Please provide a value for Date" />

                        <span class="field-validation-valid" data-valmsg-for="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d" data-valmsg-replace="true"></span>
                    </div>
                </div>
                <div class=" umbraco-forms-field checkbox checkbox alternating">

                    <label class="form-label umbraco-forms-label" for="cab1e5aa-6b89-4bd7-afc3-679fb7959a77">Checkbox</label>

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

                        <input type="checkbox" name="cab1e5aa-6b89-4bd7-afc3-679fb7959a77" id="cab1e5aa-6b89-4bd7-afc3-679fb7959a77" class="form-checkbox" value=true>
                        <input type="hidden" name="cab1e5aa-6b89-4bd7-afc3-679fb7959a77" value="false" />
                        <span class="field-validation-valid" data-valmsg-for="cab1e5aa-6b89-4bd7-afc3-679fb7959a77" data-valmsg-replace="true"></span>
                    </div>
                </div>
                <div class=" umbraco-forms-field fileupload fileupload mandatory">

                    <label class="form-label umbraco-forms-label" for="064db6a8-7492-441e-a845-4a13566b9cf0">File upload *</label>
                    <span class="umbraco-forms-tooltip help-block">Help text file upload</span>

                    <div class="umbraco-forms-field-wrapper">
                        <span class="form-input-wrapper ">
                            <input type="file" name="064db6a8-7492-441e-a845-4a13566b9cf0" id="064db6a8-7492-441e-a845-4a13566b9cf0" class="form-input " required>
                            <span class="icon far fa-times form-input-error-icon"></span>
                            <span class="icon far fa-check form-input-valid-icon"></span>

                        </span>
                        <span class="field-validation-valid" data-valmsg-for="064db6a8-7492-441e-a845-4a13566b9cf0" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="b636a31c-eb36-4658-ef2a-6ed68f38b436">Password *</label>

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

                    <div class="umbraco-forms-field-wrapper">
                        <span class="form-input-wrapper ">
                            <input type="password" name="b636a31c-eb36-4658-ef2a-6ed68f38b436" id="b636a31c-eb36-4658-ef2a-6ed68f38b436" class="form-input " required>
                            <span class="icon far fa-times form-input-error-icon"></span>
                            <span class="icon far fa-check form-input-valid-icon"></span>

                        </span>
                        <span class="field-validation-valid" data-valmsg-for="b636a31c-eb36-4658-ef2a-6ed68f38b436" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="62bbf5d8-7c29-44b9-cf99-273f15c32523">Multiple choice *</label>

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

                    <div class="umbraco-forms-field-wrapper">
                        <div class="  checkboxlist" id="62bbf5d8-7c29-44b9-cf99-273f15c32523" data-umb="62bbf5d8-7c29-44b9-cf99-273f15c32523">
                            <input type="checkbox" name="62bbf5d8-7c29-44b9-cf99-273f15c32523" id="62bbf5d8-7c29-44b9-cf99-273f15c32523_0" class="form-checkbox" value=Item 1>
                            <label class="form-label " for="62bbf5d8-7c29-44b9-cf99-273f15c32523_0">Item 1</label>

                            <br />
                            <input type="checkbox" name="62bbf5d8-7c29-44b9-cf99-273f15c32523" id="62bbf5d8-7c29-44b9-cf99-273f15c32523_1" class="form-checkbox" value=Item 2>
                            <label class="form-label " for="62bbf5d8-7c29-44b9-cf99-273f15c32523_1">Item 2</label>

                            <br />
                            <input type="checkbox" name="62bbf5d8-7c29-44b9-cf99-273f15c32523" id="62bbf5d8-7c29-44b9-cf99-273f15c32523_2" class="form-checkbox" value=Item 3>
                            <label class="form-label " for="62bbf5d8-7c29-44b9-cf99-273f15c32523_2">Item 3</label>

                            <br />
                        </div>
                        <span class="field-validation-valid" data-valmsg-for="62bbf5d8-7c29-44b9-cf99-273f15c32523" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="3db8e7e7-2d68-400e-ee33-d0b1ff76372c">Data Consent *</label>

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

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

                        <input type="checkbox" name="3db8e7e7-2d68-400e-ee33-d0b1ff76372c" id="3db8e7e7-2d68-400e-ee33-d0b1ff76372c" value="true" data-umb="3db8e7e7-2d68-400e-ee33-d0b1ff76372c" data-val="true" data-val-required="Please provide a value for Data Consent" data-rule-required="true" data-msg-required="Please provide a value for Data Consent" />
                        <input type="hidden" name="3db8e7e7-2d68-400e-ee33-d0b1ff76372c" value="false" />

                        <label for="3db8e7e7-2d68-400e-ee33-d0b1ff76372c">Yes, I give permission to store and process my data</label>

                        <span class="field-validation-valid" data-valmsg-for="3db8e7e7-2d68-400e-ee33-d0b1ff76372c" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="3df0e039-00fc-41ca-eab0-90d5663a6d98">Dropdown *</label>

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

                    <div class="umbraco-forms-field-wrapper">
                        <select class="form-select" name="3df0e039-00fc-41ca-eab0-90d5663a6d98" id="3df0e039-00fc-41ca-eab0-90d5663a6d98">
                            <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="3df0e039-00fc-41ca-eab0-90d5663a6d98" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="4272ad2f-578f-4d22-934c-9f5734abc049">Single choice *</label>

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

                    <div class="umbraco-forms-field-wrapper">
                        <div class="  radiobuttonlist" id="4272ad2f-578f-4d22-934c-9f5734abc049" data-umb="4272ad2f-578f-4d22-934c-9f5734abc049">
                            <input type="radio" name="4272ad2f-578f-4d22-934c-9f5734abc049" id="4272ad2f-578f-4d22-934c-9f5734abc049_0" value="Item 1" class="form-radio">
                            <label class="form-label " for="4272ad2f-578f-4d22-934c-9f5734abc049_0">Item 1</label>

                            <br />
                            <input type="radio" name="4272ad2f-578f-4d22-934c-9f5734abc049" id="4272ad2f-578f-4d22-934c-9f5734abc049_1" value="Item 2" class="form-radio">
                            <label class="form-label " for="4272ad2f-578f-4d22-934c-9f5734abc049_1">Item 2</label>

                            <br />
                            <input type="radio" name="4272ad2f-578f-4d22-934c-9f5734abc049" id="4272ad2f-578f-4d22-934c-9f5734abc049_2" value="Item 3" class="form-radio">
                            <label class="form-label " for="4272ad2f-578f-4d22-934c-9f5734abc049_2">Item 3</label>

                            <br />
                        </div>

                        <span class="field-validation-valid" data-valmsg-for="4272ad2f-578f-4d22-934c-9f5734abc049" data-valmsg-replace="true"></span>
                    </div>

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

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

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

                        <h1 class="heading h4" id="anch-headline">Headline</h1>

                        <div class="paragraph">Body Text</div>

                        <span class="field-validation-valid" data-valmsg-for="1b5f8f4e-d8b9-4204-b1fe-aa07ccebe6ea" data-valmsg-replace="true"></span>
                    </div>

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

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

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

                        <input type="hidden" name="b3b510d0-c0b0-4a83-9989-e30a8b9d8e6c" id="b3b510d0-c0b0-4a83-9989-e30a8b9d8e6c" data-umb="b3b510d0-c0b0-4a83-9989-e30a8b9d8e6c" class="hidden" value="" />

                        <span class="field-validation-valid" data-valmsg-for="b3b510d0-c0b0-4a83-9989-e30a8b9d8e6c" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="94fc81bd-953a-4341-8c5d-e18da055c9ee">Recaptcha 2 light *</label>

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

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

                        <p class="error">ERROR: ReCaptcha v.2 is missing the Site Key - Please update the web.config to include 'key="RecaptchaSiteKey"'</p>

                        <span class="field-validation-valid" data-valmsg-for="94fc81bd-953a-4341-8c5d-e18da055c9ee" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="2d259cb4-bab7-4762-d5db-231c0a38039f">Recaptcha 2 *</label>

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

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

                        <p class="error">ERROR: ReCaptcha v.2 is missing the Site Key - Please update the web.config to include 'key="RecaptchaSiteKey"'</p>

                        <span class="field-validation-valid" data-valmsg-for="2d259cb4-bab7-4762-d5db-231c0a38039f" data-valmsg-replace="true"></span>
                    </div>

                </div>
                <div class=" umbraco-forms-field recaptcha3 recaptchav3withscore mandatory">

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

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

                        <p class="error">ERROR: ReCaptcha v3 is missing the Site Key - Please update the web.config to include 'key="RecaptchaV3SiteKey"'</p>

                        <span class="field-validation-valid" data-valmsg-for="3ec74f3e-2444-4c4d-95cb-f23c3256030d" data-valmsg-replace="true"></span>
                    </div>

                </div>

            </div>

            <div style="display: none" aria-hidden="true">
                <input type="text" name="1967aa59ec984007ba8391486ff84bc2" />
            </div>

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

                <button class="button button-black" id="" type="submit" title="Submit" name=__next data-umb=submit-forms-form>

                    <span>
                        <span class="text">
                            Submit
                        </span>
                    </span>

                </button>

            </div>
        </div>

        <input name="ufprt" type="hidden" value="63256283EA620537904C14DAA89C6F4083602A110CEEE631AFFDEAD09FADBAD3E71A887875778C9410996EBF5E23F8FAC0658B8E73FDF785A9D4BAFC6DC7BCE711B31B90A8B7912B5233F1C380F7E74237A4B15D9199D5F37C42A845F79A54BCF8824474D3099775505A357B4EE7247BA5D570515E905A2BA2400980BDD34A5B19F03A01824F3A380CFA8BCAD84A720D" />
    </form>
</div>
 
<div id="umbraco_form_1967aa59ec984007ba8391486ff84bc2" class="umbraco-forms-form exampleform umbraco-forms-uhasselt">

    <form action="/nl/forms-example" enctype="multipart/form-data" method="post">
        <input name="__RequestVerificationToken" type="hidden" value="PS7q0C4JGXiyxyZe5gbbQgQCvmwUl-PATCk7BbU8vx1hUKHKqKIBN0ptkUihR3fNViKYEAxnR9xIG57aYBm2YgPxaDJEyAsI4QB4BPhEmW01" /><input data-val="true" data-val-required="Het veld FormId is vereist." name="FormId" type="hidden" value="1967aa59-ec98-4007-ba83-91486ff84bc2" /><input name="FormName" type="hidden" value="Example form" /><input data-val="true" data-val-required="Het veld RecordId is vereist." name="RecordId" type="hidden" value="00000000-0000-0000-0000-000000000000" /><input name="PreviousClicked" type="hidden" value="" /><input name="Theme" type="hidden" value="uhasselt" />            <input type="hidden" name="FormStep" value="0" />
        <input type="hidden" name="RecordState" value="OUYxM0IzRkE5NkFCNzQyRkVDQ0E2NzE2RjY3NkZCNDhDQzc1QTBCOEIzMURBNThBRTNDREMxQkFCMTZCMkNDODczQzM3NTQxNkQ1M0Y1RjAyOENBN0M2OUI2QTdCQkNFNEUyOTMxRUQ4NjEwOEY1OTdERjI4MDYzNkEzQTRDNTQ4MzdBMDdEQTM1RUExOTI1NTA0MzIzRDYyQzgxODNDMENDMkNGRUQ1RTZERDdGMzE1MkI3MTk1RjZCMThDMTJBRTFFMEYxNDM1MDNCQjA4M0ZCNzAzMTI1MTA5M0YwMThFNThBQzExNDRGNjAwQzc5RUMzRjlGOTY0QjRDQTZGMEUxRjk3M0UyQzEzQjVEQTNGNUFCQzRDM0I0MDRCMUYzNDg1MTNCOUVBQkREOUU4MzRFNUFDMjAxOEY2OEREQUEzODRGNjU5QkNCQjM4RUVDMUJBRDQ2QkY2Nzg4RDg0NUY4NDM4RDczODBCN0U2MUJCMjdBQUQ2RUZERjNCMEMxNUY4Q0NDQzc2OENCNjE3MjU1RkM1MkJEQUZGMjJENUM1QTYwRjg0NjNGNDA3MkE1NkRBMEI5NDQyQ0NFN0EzMUZBQjdDNjQzMjVEN0YxQTkxQkUwMEQzOTM3MDM2RkVFOUE5QzEzNkFENzVCNDA2RkU4QkQ2RUZDMUUwNERCQzIxM0JEQTA1Mjk3MERGQzMxQ0Y5RTE5MUI2RDdDRkQ1NkQ3MDIzNzM4MkVBNUFFRDQ0ODFFNjc4NEZCQkQyNDM0OTE0RURGMzkxMEIzNURDQUFEQ0E5QTQzRjlCMENDNzdFQ0U0Q0M2NzQ3NEY3Njk2N0NEMDA2MzE4MTVFQ0FFQzYzNTU2RDJERkQxQThGNjYzQzc0NDhGQjZBREZDNTdGN0MyNTlFMzZEREM3NDNCRDIyOEI2ODUyMjFFMEQ4QzI5QzJBRDY1NzgwQTkzRTY5REIwOUFCNEU2QTI2MjY3REI1MkNFN0I4QTQ3OTgxN0Y3NkZGRUYxQjg5QjMyREFDNDMxMzgwNEFCQkM2MEZFM0M3MzMzOTA4NTJGMTE3RTQ4QjFDRUM4NEYzRkQyOTAyQTg4Mjg1MkEwQTc4QUE0Nzg2MTA1ODBEMzcwM0RDREQwNjgzMzkwMjk4NjA0QUJCMDk3RDY3QzhGRUE4NjYyNDBENDA2RThFNkFFQUZFMDg5MkFCOTE0QzE3ODQ3MzBCMzM1NDA4ODFCREIwNUJDNzk0MTBFMUFDQzQ5Q0RGOEYxNjBEN0Y5RUFDMzkxMzAyOTU5NDVDQ0U0MTNCMDFFNkIyRUU3MjM2QkU3MUNFNkE2OUM4NEYwODlCMjI4MTMxNENFNkY5MkNDNTcxQzUzNTU5MDcyOEEyNDc5OTkzNTNGMTJDMDYyNzM4RjU2RUQ4NTNFODk2N0Y1MzgwNTJDRTAyMTk2QkVCRTRGNzMzQjhCQ0ZFODU4N0E4Q0E0MzNBNDg2OEJCQzY0OTVCMDEwNEQwREIxNzg4NjFCODhBOUI4M0Y0MDc3RTc2RkVCQ0M3MjJBNkQ3NTZEODFBMzkzODlGODVCQjA4MzM3OTBGMTEzRTlFRTMyN0EzOUYyRTVBQjZCQUMyNDc3RDQ2Nzg1QTY1QjMwOEY3OTFEMEZCNzIwOUE5REQ2NUY4QjU5MzYwMkEzOTI3QzhGNTFFNjk4OThEQkVDNTI1REFGRTk1RDE2NkI1QzRBNzE1QUM2QUIxQ0Q5NzZDODBDREJBQjYzNDMzMjkxRTZCQUY4OTE3RDk2ODUzNDJBNDY1QkZEMTM4NDMwMEE2NEIwMkVFMzk1ODE4NTVCNEQ4MTFCOUYzQzdBRjQ1NkI5ODEyMzZBMEZFNkU2RTc2MzUyNzExRTlFM0VDMTE1MDFCODJCQzlBNDZENzlDODQyNDhCNzIwODhCMTQ1N0UxN0RBRjc2RDI4NjM3QUExMTUxQkM2QUZBQ0Y3NjQ1MDVEMjc0OTM2Q0QwOUE5NEMyMzk0NEMyRTgxNzRCRTY3Q0ZENkNGODVEQTU0MDc2MzM1RUEzRjMwNUI4NDdEN0RGODExRTgxMzJEOEJCNUQ0RDNBMzkxNTA2MDI0MDI4MTJENTZENTRDMTAyMDhDRDQwQUVGRTc0MzJEQUVCN0ZEQThEOTg1NDA3ODUyNjAxQTA2ODEzM0M5RTdGMEQyRjEzN0UwOUQ1Q0RFMTEzMTAyQUU3NTc0RUE2ODJDMkJDOUREQUYwMkNFNENCQjA1RkM2MzAwNzM0OTVFOUQ5QjgyRjVFOENCMTQ4QkI0NTA3Qjk5NDEwMTY0MEQ4N0VEQUEyODE0MzU1MkFGRjMzRTU5OThGRDNFMDdBNThBNDlEMDUxQjczQkJBNDMwMjJFRUEyMDUzQTZBRDEwQUE2QzQyOUI0NzMzRjZGQjRBMDQwNUM2MzM4RjJBMTIwNDQyMkNDOUQyQUJCREFFRDVBRjc4MjhFOEI3OEI1MDhDNzBENDQ4RDA4M0RDMTc0RTBEQTE4N0ZGNTNDN0VBMjNDOTQ3OTQ1RkQ2RDQ3MkIyNTVFQjlENkJFMzgzMjA1QzMwODkwNEQzNDIwRDREMDA5OTQ3QzdDQUE0NjM4QzFGODM5REE1NDhFQzI4NUMwOEM4QTQ0OTRDNThCQTVGQUZCMzZDMkQ1QjQxQTRDNzI3NUQwMjY2NkQ5QjJEQUZDMTJERTUwMTU0MTFFQjg0NDI2NzQ0Mjc3OEZDNDFCMjQ1MTkxQUQwQTEzOURBQTM0M0E2MjBFM0Y4OTE4NkJFOUFGOTBGRTAyMEFFODQ3OEJEMjNEQTA1RDA3OEFDQzZDMjkwQUIwOEU5RTlBRTM5MjYyQThCNTQ4Q0M5QTQ5N0U3QjAwRThDOUE4OUI2RTMzQzJDMDNCREQ2M0U5MTg3OQ0KRjg3OTk4M0REN0MyRUU5NEJFMjkxNEQyOUNERTg0NEUzRUQ1NUIzM0RENUQwMjYzOTI1NTdGRTk4QTk4RUNBNjc1OUVGRDNEMUEwRkE4NTZCRjc4NEE0RTc2NTQ0MUVEMkI1QzFDRDU2MDQ3MTAwNzEzMjVFQjIyM0Q3QTA4MjUxMTlGODlCNjZDNDYxMjk1NDIzMUQ3QzJENzAwOTNGMUI0REJDNUYyOEVBMTRBNUQ1QkJFRkU5MjQ2NjU0Q0Y1RThDQzcxODQ1MjhBMEI2MjEzNDJBMjM1QjNDRTFDQTBFMjI1NEM0NDU5QjQ3NTJFNzQ0RkY3REI4RjY2MjExQUIwNDE3RTg2OTY2MjYwOEJFNUY5ODc1RTE5RkMzNzM1NjFDMzlDNzhDRUFGNTg1MUUzNDY5RkFERUE4QUYxNjk2QkFFNUZGOUMyRjkyRUY3MkRGRTRGREY5Nzk2NEJCRjZCNEE0MzlDMUU0NTEwQjhFQTQ1MEY1MkZDN0ZBMkVDMUVGMjFBNjdGMDkyQTk3NzZFREQwNTNBMkY1RUE3MDQyREFDN0RCMjU5NDA3QjQwQkREMUNBMDhFMzk5NjU1Q0I1NTVFRDdGQ0QxMkNDNjA3MUUyNTJBNjJBM0IyNzFCMENFRjM2QkQ2OTAzMEQ4MzdEOTg0QjFDRjFBMTk5MTI2QTlGQ0Q2QkZCRTg4MUIxMEI4MkJBNjZDNzg5RUNCREIxRDAyQjdFRjFGNkUwOUYyN0IyRkRFNjE3QzlCMUJCNDYxNzcxM0U1RkRBRjc0MjJDNEYwMjM1ODRGQUM4QjFCRUQ5NTkxMjA3RDc0MTMwQThFNDNCMzc5RTlEM0I0OEI5MDM4RkQ5Q0M4RTBGREE5NDMzMjRDN0JEMjE1MjY4MjhCQjYwNDZDQUJDNUNGOEVERUQ1QURFMUY4Rjg0RDY=" />


        <div class="umbraco-forms-page">
            <div class="umbraco-forms-container">
                <div class=" umbraco-forms-field shortanswer shortanswer mandatory">

                    <label class="form-label umbraco-forms-label" for="3b86ba62-97a2-4f7a-87ec-2b3337e8980c">Short answer *</label>
                    <span class="umbraco-forms-tooltip help-block">Help text short answer</span>
                    <div class="umbraco-forms-field-wrapper">
                        <span class="form-input-wrapper ">
                            <input type="text"
                                   name="3b86ba62-97a2-4f7a-87ec-2b3337e8980c"
                                   id="3b86ba62-97a2-4f7a-87ec-2b3337e8980c"
                                   class="form-input "
                                   required
                                   maxlength="500" data-val="true" data-val-required="Please provide a value for Short answer">


                            <span class="icon far fa-times form-input-error-icon"></span>


                            <span class="icon far fa-check form-input-valid-icon"></span>

                        </span>
                        <span class="field-validation-valid" data-valmsg-for="3b86ba62-97a2-4f7a-87ec-2b3337e8980c" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="9c68e8e7-ca04-4a5e-dc14-1d8e950c7812">Long answer *</label>


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

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



<textarea name="9c68e8e7-ca04-4a5e-dc14-1d8e950c7812"
          id="9c68e8e7-ca04-4a5e-dc14-1d8e950c7812"
          class="form-textarea">

</textarea>
                        <span class="field-validation-valid" data-valmsg-for="9c68e8e7-ca04-4a5e-dc14-1d8e950c7812" data-valmsg-replace="true"></span>
                    </div>

                </div>
                <div class=" umbraco-forms-field date date mandatory">

                    <label class="form-label umbraco-forms-label" for="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d">Date *</label>
                    <span class="umbraco-forms-tooltip help-block">Help text date</span>

                    <div class="umbraco-forms-field-wrapper">
                        <input type="hidden" name="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d" id="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d" data-umb="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d" class="datepickerfieldshadow" value="" />
                        <input type="text" name="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d" id="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d_1" data-umb="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d_1" class="datepickerfield" autocomplete="off" value="" data-val="true" data-val-required="Please provide a value for Date" />

                        <span class="field-validation-valid" data-valmsg-for="a01cb6bc-e5d1-4010-bd9e-ae56272eb79d" data-valmsg-replace="true"></span>
                    </div>
                </div>
                <div class=" umbraco-forms-field checkbox checkbox alternating">

                    <label class="form-label umbraco-forms-label" for="cab1e5aa-6b89-4bd7-afc3-679fb7959a77">Checkbox</label>

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

                        <input type="checkbox"
                               name="cab1e5aa-6b89-4bd7-afc3-679fb7959a77"
                               id="cab1e5aa-6b89-4bd7-afc3-679fb7959a77"
                               class="form-checkbox"
                               value=true>
                        <input type="hidden" name="cab1e5aa-6b89-4bd7-afc3-679fb7959a77" value="false" />
                        <span class="field-validation-valid" data-valmsg-for="cab1e5aa-6b89-4bd7-afc3-679fb7959a77" data-valmsg-replace="true"></span>
                    </div>
                </div>
                <div class=" umbraco-forms-field fileupload fileupload mandatory">

                    <label class="form-label umbraco-forms-label" for="064db6a8-7492-441e-a845-4a13566b9cf0">File upload *</label>
                    <span class="umbraco-forms-tooltip help-block">Help text file upload</span>

                    <div class="umbraco-forms-field-wrapper">
                        <span class="form-input-wrapper ">
                            <input type="file"
                                   name="064db6a8-7492-441e-a845-4a13566b9cf0"
                                   id="064db6a8-7492-441e-a845-4a13566b9cf0"
                                   class="form-input "
                                   required>
                            <span class="icon far fa-times form-input-error-icon"></span>
                            <span class="icon far fa-check form-input-valid-icon"></span>

                        </span>
                        <span class="field-validation-valid" data-valmsg-for="064db6a8-7492-441e-a845-4a13566b9cf0" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="b636a31c-eb36-4658-ef2a-6ed68f38b436">Password *</label>


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

                    <div class="umbraco-forms-field-wrapper">
                        <span class="form-input-wrapper ">
                            <input type="password"
                                   name="b636a31c-eb36-4658-ef2a-6ed68f38b436"
                                   id="b636a31c-eb36-4658-ef2a-6ed68f38b436"
                                   class="form-input "
                                   required>
                            <span class="icon far fa-times form-input-error-icon"></span>
                            <span class="icon far fa-check form-input-valid-icon"></span>

                        </span>
                        <span class="field-validation-valid" data-valmsg-for="b636a31c-eb36-4658-ef2a-6ed68f38b436" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="62bbf5d8-7c29-44b9-cf99-273f15c32523">Multiple choice *</label>


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

                    <div class="umbraco-forms-field-wrapper">
                        <div class="  checkboxlist" id="62bbf5d8-7c29-44b9-cf99-273f15c32523" data-umb="62bbf5d8-7c29-44b9-cf99-273f15c32523">
                            <input type="checkbox"
                                   name="62bbf5d8-7c29-44b9-cf99-273f15c32523"
                                   id="62bbf5d8-7c29-44b9-cf99-273f15c32523_0"
                                   class="form-checkbox"
                                   value=Item 1>
                            <label class="form-label " for="62bbf5d8-7c29-44b9-cf99-273f15c32523_0">Item 1</label>

                            <br />
                            <input type="checkbox"
                                   name="62bbf5d8-7c29-44b9-cf99-273f15c32523"
                                   id="62bbf5d8-7c29-44b9-cf99-273f15c32523_1"
                                   class="form-checkbox"
                                   value=Item 2>
                            <label class="form-label " for="62bbf5d8-7c29-44b9-cf99-273f15c32523_1">Item 2</label>

                            <br />
                            <input type="checkbox"
                                   name="62bbf5d8-7c29-44b9-cf99-273f15c32523"
                                   id="62bbf5d8-7c29-44b9-cf99-273f15c32523_2"
                                   class="form-checkbox"
                                   value=Item 3>
                            <label class="form-label " for="62bbf5d8-7c29-44b9-cf99-273f15c32523_2">Item 3</label>

                            <br />
                        </div>
                        <span class="field-validation-valid" data-valmsg-for="62bbf5d8-7c29-44b9-cf99-273f15c32523" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="3db8e7e7-2d68-400e-ee33-d0b1ff76372c">Data Consent *</label>


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

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


                        <input type="checkbox" name="3db8e7e7-2d68-400e-ee33-d0b1ff76372c" id="3db8e7e7-2d68-400e-ee33-d0b1ff76372c" value="true" data-umb="3db8e7e7-2d68-400e-ee33-d0b1ff76372c"
                               data-val="true" data-val-required="Please provide a value for Data Consent" data-rule-required="true" data-msg-required="Please provide a value for Data Consent" />
                        <input type="hidden" name="3db8e7e7-2d68-400e-ee33-d0b1ff76372c" value="false" />

                        <label for="3db8e7e7-2d68-400e-ee33-d0b1ff76372c">Yes, I give permission to store and process my data</label>

                        <span class="field-validation-valid" data-valmsg-for="3db8e7e7-2d68-400e-ee33-d0b1ff76372c" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="3df0e039-00fc-41ca-eab0-90d5663a6d98">Dropdown *</label>


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

                    <div class="umbraco-forms-field-wrapper">
                        <select class="form-select"
                                name="3df0e039-00fc-41ca-eab0-90d5663a6d98"
                                id="3df0e039-00fc-41ca-eab0-90d5663a6d98">
                            <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="3df0e039-00fc-41ca-eab0-90d5663a6d98" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="4272ad2f-578f-4d22-934c-9f5734abc049">Single choice *</label>


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

                    <div class="umbraco-forms-field-wrapper">
                        <div class="  radiobuttonlist" id="4272ad2f-578f-4d22-934c-9f5734abc049" data-umb="4272ad2f-578f-4d22-934c-9f5734abc049">
                            <input type="radio"
                                   name="4272ad2f-578f-4d22-934c-9f5734abc049"
                                   id="4272ad2f-578f-4d22-934c-9f5734abc049_0"
                                   value="Item 1"
                                   class="form-radio">
                            <label class="form-label " for="4272ad2f-578f-4d22-934c-9f5734abc049_0">Item 1</label>

                            <br />
                            <input type="radio"
                                   name="4272ad2f-578f-4d22-934c-9f5734abc049"
                                   id="4272ad2f-578f-4d22-934c-9f5734abc049_1"
                                   value="Item 2"
                                   class="form-radio">
                            <label class="form-label " for="4272ad2f-578f-4d22-934c-9f5734abc049_1">Item 2</label>

                            <br />
                            <input type="radio"
                                   name="4272ad2f-578f-4d22-934c-9f5734abc049"
                                   id="4272ad2f-578f-4d22-934c-9f5734abc049_2"
                                   value="Item 3"
                                   class="form-radio">
                            <label class="form-label " for="4272ad2f-578f-4d22-934c-9f5734abc049_2">Item 3</label>

                            <br />
                        </div>

                        <span class="field-validation-valid" data-valmsg-for="4272ad2f-578f-4d22-934c-9f5734abc049" data-valmsg-replace="true"></span>
                    </div>

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


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

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




                        <h1 class="heading h4" id="anch-headline">Headline</h1>

                        <div class="paragraph">Body Text</div>






                        <span class="field-validation-valid" data-valmsg-for="1b5f8f4e-d8b9-4204-b1fe-aa07ccebe6ea" data-valmsg-replace="true"></span>
                    </div>

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


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

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

                        <input type="hidden" name="b3b510d0-c0b0-4a83-9989-e30a8b9d8e6c" id="b3b510d0-c0b0-4a83-9989-e30a8b9d8e6c" data-umb="b3b510d0-c0b0-4a83-9989-e30a8b9d8e6c" class="hidden" value="" />




                        <span class="field-validation-valid" data-valmsg-for="b3b510d0-c0b0-4a83-9989-e30a8b9d8e6c" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="94fc81bd-953a-4341-8c5d-e18da055c9ee">Recaptcha 2 light *</label>


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

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

                        <p class="error">ERROR: ReCaptcha v.2 is missing the Site Key - Please update the web.config to include 'key="RecaptchaSiteKey"'</p>


                        <span class="field-validation-valid" data-valmsg-for="94fc81bd-953a-4341-8c5d-e18da055c9ee" data-valmsg-replace="true"></span>
                    </div>

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

                    <label class="form-label umbraco-forms-label" for="2d259cb4-bab7-4762-d5db-231c0a38039f">Recaptcha 2 *</label>


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

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

                        <p class="error">ERROR: ReCaptcha v.2 is missing the Site Key - Please update the web.config to include 'key="RecaptchaSiteKey"'</p>


                        <span class="field-validation-valid" data-valmsg-for="2d259cb4-bab7-4762-d5db-231c0a38039f" data-valmsg-replace="true"></span>
                    </div>

                </div>
                <div class=" umbraco-forms-field recaptcha3 recaptchav3withscore mandatory">


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

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

                        <p class="error">ERROR: ReCaptcha v3 is missing the Site Key - Please update the web.config to include 'key="RecaptchaV3SiteKey"'</p>



                        <span class="field-validation-valid" data-valmsg-for="3ec74f3e-2444-4c4d-95cb-f23c3256030d" data-valmsg-replace="true"></span>
                    </div>

                </div>

            </div>

            <div style="display: none" aria-hidden="true">
                <input type="text" name="1967aa59ec984007ba8391486ff84bc2" />
            </div>

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


                <button class="button button-black"
                        id=""
                        type="submit" title="Submit"
                        name=__next data-umb=submit-forms-form>

                    <span>
                        <span class="text">
                            Submit
                        </span>
                    </span>

                </button>


            </div>
        </div>


        <input name="ufprt" type="hidden" value="63256283EA620537904C14DAA89C6F4083602A110CEEE631AFFDEAD09FADBAD3E71A887875778C9410996EBF5E23F8FAC0658B8E73FDF785A9D4BAFC6DC7BCE711B31B90A8B7912B5233F1C380F7E74237A4B15D9199D5F37C42A845F79A54BCF8824474D3099775505A357B4EE7247BA5D570515E905A2BA2400980BDD34A5B19F03A01824F3A380CFA8BCAD84A720D" />
    </form>
</div>
 
/* No context defined. */
  • Content: 
    .umbraco-forms-form {
    max-width: 768px;
    margin: 0 0 3rem 0;
}

.umbraco-forms-field {
    margin-bottom: 2rem;
}

.umbraco-forms-label {
    font-weight: bold;
    display: block;
}

.umbraco-forms-tooltip {
    display: block;
    color: #999;
}

.umbraco-forms-fieldset {
}

.umbraco-forms-field-wrapper {
    margin-top: 0.5rem;
}

.field-validation-error {
    display: block;
    margin-top: 0.25rem;
    color: #f00;
}

.umbraco-forms-navigation {
}

.umbraco-forms-form input[type='text'],
.umbraco-forms-form input[type='password'],
.umbraco-forms-form textarea {
    width: 100% !important;
    padding: 0.5rem 0.75rem !important;
}

.umbraco-forms-form .atm-form-textarea,
.umbraco-forms-form .atm-form-input {
    display: block;
}

.umbraco-forms-form input[type='text'].input-validation-error,
.umbraco-forms-form input[type='password'].input-validation-error,
.umbraco-forms-form textarea.input-validation-error {
    background: #fbe3e4;
    border-color: #fbc2c4;
}

.umbraco-forms-field.recaptcha {
    display: none;
}

input.button-black {
    @apply bg-black text-white  inline-block relative font-semibold border-solid rounded cursor-pointer leading-5 top-0 left-0 px-8 select-none  border-black;
    font-size: 1rem;
    border-width: 1px;
    padding-top: 15px;
    padding-bottom: 15px;
}
  • URL: /components/raw/form/form.css
  • Filesystem Path: src\components\02-atoms\forms\form\form.css
  • Size: 1.4 KB

No notes defined.