| Line 2: | Line 2: | ||
hidden | hidden | ||
===Type=== | ===Type=== | ||
| − | + | input | |
===Synopsis=== | ===Synopsis=== | ||
How to render a hidden input field | How to render a hidden input field | ||
===Description=== | ===Description=== | ||
| − | + | input elements of type hidden let web developers include data that cannot be seen or modified by users when a form is submitted. For example, the ID of the content that is currently being ordered or edited, or a unique security token. Hidden inputs are completely invisible in the rendered page, and there is no way to make it visible in the page's content. | |
===Parameters=== | ===Parameters=== | ||
type="hidden" | type="hidden" | ||
| Line 13: | Line 13: | ||
===Example=== | ===Example=== | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| − | < | + | <input type="hidden" name="token" value="123231321" /> |
</syntaxhighlight> | </syntaxhighlight> | ||
===Note=== | ===Note=== | ||
| − | While the value isn't displayed to the user in the page's content, it is visible—and can be edited—using any browser's developer tools or "View Source" functionality. If you want to create a secure field, then use | + | While the value isn't displayed to the user in the page's content, it is visible—and can be edited—using any browser's developer tools or "View Source" functionality. If you want to create a secure field, then use input type="secure". |
===Links=== | ===Links=== | ||
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/hidden | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/hidden | ||
Revision as of 23:01, 13 December 2022
Name
hidden
Type
input
Synopsis
How to render a hidden input field
Description
input elements of type hidden let web developers include data that cannot be seen or modified by users when a form is submitted. For example, the ID of the content that is currently being ordered or edited, or a unique security token. Hidden inputs are completely invisible in the rendered page, and there is no way to make it visible in the page's content.
Parameters
type="hidden"
All other valid parameters for an input field are valid
Example
<input type="hidden" name="token" value="123231321" />
Note
While the value isn't displayed to the user in the page's content, it is visible—and can be edited—using any browser's developer tools or "View Source" functionality. If you want to create a secure field, then use input type="secure".
Links
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/hidden
