Skip to content
Related Articles

Related Articles

How do we take password input in HTML forms ?

View Discussion
Improve Article
Save Article
  • Last Updated : 22 Jul, 2021
View Discussion
Improve Article
Save Article

In this article, we learn how to we create a password input field in html, This can be done by using the <input> tag with type attribute which is set to value “password“.  It involves sensitive information about the data of the user. The text in the input password field will be change into bullets in the view of hiding from the third party. 

Syntax 

<input type="password">

Example Code:

HTML




<!DOCTYPE html>
<html>
   <head>
      <title>
         How do we take password input in HTML forms?
      </title>
   </head>
   <body style="text-align:center;">
      <h1 style="color:green;">
         GeeksForGeeks
      </h1>
      <h2>How do we take password input in HTML forms? </h2>
      <h4>
         <br>
         Email:<input type="email" id="myemail"><br>
         Password:<input type="password" id="mypasswd"
                         value="geeks12"
      </h4>
   </body>
</html>

Output 

 

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!