Home > Article > Web Front-end > How to hide input tag in html
html How to hide input tags: 1. Set the hidden attribute to the input tag, with the syntax ""; 2. Set the value of the type attribute of the input tag to "hidden", with the syntax " ".
The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.
htmlHide the input tag
Method 1: Set the hidden attribute to the input tag
hidden The attribute specifies that the element is hidden. Hidden elements will not be displayed.
If this attribute is used, the element will be hidden.
The hidden attribute can be set so that users can only see an element when certain conditions are met (such as checking a check box, etc.). You can then use JavaScript to remove the hidden attribute, making the element visible.
Example:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input placeholder="文本,字母,数字等都可输入" hidden /><br /><br /> <input placeholder="文本,字母,数字等都可输入"/> </body> </html>
Rendering:
##Method 2: Set the value of the type attribute of the input tag Specifies the type of element to be displayed for the "hidden"
type attribute; setting the value to hidden defines a hidden input field. Example:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input placeholder="文本,字母,数字等都可输入"/><br /><br /> <input type="hidden" placeholder="文本,字母,数字等都可输入"/><br /><br /> <input placeholder="文本,字母,数字等都可输入"/><br /><br /> </body> </html>Rendering:
The above is the detailed content of How to hide input tag in html. For more information, please follow other related articles on the PHP Chinese website!