HTML for Select Hidden Element
Hide a select box by putting styling options on it using HTML and CSS to make it invisible. The two principal ways to do this using CSS and HTML to hide an element are with the visibility style attribute and the display style attribute.
When you set an element's visibility to hidden, the element doesn't show on the web page but still takes up space as if it were there. By default, visibility is set to "visible," and the object displays normally.
If you prefer to have the element not take up any space on the page so that the website is rendered as if the element wasn't in the HTML code at all, use the display attribute instead. Set display to "none" to make the object invisible.
Either do this in the style attribute on the object, such as
If you use a library like jQuery, you may find a more idiomatic way to do this.
Hidden Input Elements
HTML also includes the concept of a hidden input element that passes data to a web form when the form is submitted. It's usually not visible unless the user reads the page's source code.
The syntax looks like . Hidden inputs are sometimes used for form fields generated from user input or for randomized security codes used to verify that a user is using an actual version of a form downloaded from the website.