Explain the form new input types in HTML5 ?

Which input type is used to hide the input field to be displayed in HTML Form ?

Last Updated : 14 Jan, 2022

The form tag is generally used to create forms for entering data. We can use different form tag attributes like text boxes, text area, checkboxes, radio buttons, buttons, dropdown list, etc. to collect data from the users.

We need to use the HTML <input type=”hidden”> type for hiding the input field. Using this attribute, the input field will no longer be visible on the page. The below example demonstrates the usage of the hidden attribute.

Example: In this example, we will use a normal input with the type of ‘text’ and another input with the type of ‘hidden’. This will help to demonstrate how the input field is hidden.

HTML

<!DOCTYPE html> 
<html> 
<body> 
    <form> 
        <h1 style="color: green;">Geeksforgeeks</h1> 
        <strong>Login to Continue your Research</strong> 
        <br> 
        <label>Username</label> 
        
        <!-- This input will be visible as it 
              has the type set as 'text' -->
        <input type="text" 
               placeholder="enter your name"> 
        <br> 
        
        <!-- This input will be hidden as it 
              has the type set as 'hidden' -->
        <label>Password</label> 
        <input type="hidden" 
               placeholder="Enter your password"> 
        <br> 
        <button>Submit</button> 
    </form> 
</body> 
</html>

Output:

HTML <input type=”hidden”>

Explain the form new input types in HTML5 ?

181fa07084

Improve

Article Tags :

Similar Reads

Which attribute is used to disabled the specific input field in HTML Form ?

HTML5 introduced many attributes that are used for developing an efficient webpage. In this article, we will learn to disable the particular input field by using the "disable" attribute with the specific type of input. The disabled attribute is a boolean attribute that is used to vandalize the input

Which input type is used to choose the date in HTML ?

In this article, we will learn how to choose the date from the calendar on the webpage. As we know that HTML 5 introduced many inputs types for the better functionality of the form. The <input type="date"> input type is used to choose the date in HTML. It is used to develop input fields that t

How to create a hidden input field in form using HTML ?

In this article, we will learn how to add a hidden input field into our form using HTML. A hidden control stores the data that is not visible to the user. It is used to send some information to the server which is not edited by the user. Normally, this hidden field usually contains the value which i

Explain the form new input types in HTML5 ?

In this article, we will discuss the functionality of the newer form input types provided by HTML5. Sometimes, while filling the registration form or any online form, it would require to follow the proper format to fill the particular data. Now it's easy to use the webform to fill up the common data

Which tag can be used to control the editing for multi-line plain-text in HTML ?

In this article we will discuss the HTML tag that is used to control the editing for multi-line plain-text in HTML. The <textarea> tag in HTML defines a multi-line plain-text editing control. It will be created with n rows and n columns. so we can say that the size of the text area will depend

Hide the Email Id in a form using HTML and JavaScript

Hiding an email ID in a form using HTML and JavaScript involves obfuscating or masking the email address to enhance privacy or security. This can be achieved by partially hiding the email characters or storing the email in hidden fields until needed for processing. Examples:Input :robin_singh@gmail.

How to Set an Input Field Transparent on a Transparent Div in HTML ?

Creating a transparent input field on a transparent div can enhance the aesthetic appeal of your web page, especially when you want to overlay input fields on background images or videos. In this article, we will discuss how to achieve this effect using HTML and CSS. Example 1: Basic Transparent Inp

How to specify an input field must be filled out before submitting the form in HTML ?

In this article, we will specify an input field that must be filled out before submitting the form. The HTML required attribute is a Boolean attribute which is used to specify that the input element must be filled out before submitting the form. This attribute works with other types of input like ra

How to specify the type of an input element using HTML ?

In this article, we will specify the type of an input element using HTML. The HTML <input> type attribute is used to specify the type of <input> element to display. The default type of <input> type attribute is text. Syntax: <input type="value"> Attribute Values: button: It i

Hide elements in HTML using display property

Hiding elements in HTML is a common technique used to control the visibility of content on a webpage. This approach allows developers to dynamically show or conceal elements based on user interactions, the display property involves setting display: none in CSS. This completely removes the element fr