Form Fields‎ > ‎

Hidden Data

The two Hidden Data field options - the Hidden Field with Custom Value and the User ID fields - the hidden fields do not show on the page, therefore the visitor can't type anything into a hidden field, which leads to the purpose of the field, to submit information that is not entered by the visitor.

Hidden fields allow you to store "hidden" information within a form. These fields are not displayed by the client. However, if the user selects the "View Source" option in the browser, the entire form is visible, including the hidden fields. Hidden fields are therefore meant just for passing information to and from forms transparently.

This is an example of how the two hidden fields are stored and displayed in the source of the page:

<div class="form-group"><input type="hidden" name="dnn1420HiddenFieldwithCustomValue" data-fieldid="420" data-af-field="HiddenFieldwithCustomValue" value="Image" data-ng-model="form.fields.HiddenFieldwithCustomValue.value" data-val="{{ form.fields.HiddenFieldwithCustomValue.value }}">

</div><div class="form-group"><input type="hidden" name="dnn1420UserID" data-fieldid="421" data-af-field="UserID" value="3" data-ng-model="form.fields.UserID.value" data-val="{{ form.fields.UserID.value }}"></div><div class="form-group"><div class=" col-sm-12"><img src="/example.jpg" class="">