How to Insert Email Address into Form using HTML5 ? Last Updated : 27 Sep, 2021 Comments Improve Suggest changes Like Article Like Report In this article, we will learn how to add and get an email address of a user as data of the form by adding an email input field. As we know that an email_id is a vital component of user data. Email address is used for the verification of the user. It is also used to make contact with the submitters directly. Approach: To complete this task, we have to follow the below steps- Create an HTML document that contains an <input> tag.Use the type attribute with the <input> element which is set to value "email". Syntax <input type="email"> Example 1: In this example, we are creating a form containing email id (username) and password. HTML <!DOCTYPE html> <html> <head> <title> How to add an Email Address into a Form using HTML5? </title> <style> #Geek_p { font-size: 30px; color: green; } h1, h2 { font-family: impact; } </style> </head> <body style="text-align: center"> <h1 style="color: green">GeeksForGeeks</h1> <h2> How to add an Email Address into a Form using HTML5 </h2> <form> User_id: <input type="email">> <br /> Address: <input type="password"> <br /> <button>Log IN</button> </form> </body> </html> Output: Example 2: In this example, we are creating an input field of type email. HTML <!DOCTYPE html> <html> <head> <title> How to add an Email Address into a Form using HTML5? </title> <style> #Geek_p { font-size: 30px; color: green; } h1, h2 { font-family: impact; } </style> </head> <body style="text-align: center"> <h1 style="color: green">GeeksForGeeks</h1> <h2> How to add an Email Address into a Form using HTML5 </h2> <form> Email Address: <input type="email">> <br /> <br /> <button>submit</button> </form> </body> </html> Output: Comment More infoAdvertise with us Next Article How to Insert Email Address into Form using HTML5 ? M manaschhabra2 Follow Improve Article Tags : Web Technologies HTML HTML5 HTML-Attributes HTML-Questions +1 More Similar Reads 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 2 min read How to define a form for user input using HTML5 ? In this article, we will learn how to create a form in a webpage by using the <form> tag. This tag is used to create form for user input. Also there are many elements which are used within form tag. Syntax: <form> Form Content... </form> Example: The following code snippet demonstr 1 min read 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 :[email protected] 2 min read How to create a Reset Button in form using HTML ? In this article, we will learn how to create a Reset Button in HTML forms. The reset button is used to reset all the form data values and set them to their initial default value. In case of user enters the wrong data then the user can easily correct it by clicking on the "Reset Button". Syntax:< 1 min read How to Add a Telephone Number into a form using HTML? In this article, we will learn how to add a telephone number field to an HTML form. Telephone numbers have numerous advantages and are an important component of contact forms, allowing for direct communication with the user. Users can receive messages or notifications regarding the services provided 2 min read Like