Open In App
Related Articles

How do we take password input in HTML forms ?

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

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

Syntax 

<input type="password">

Example: In this example, we will use a type attribute that is set as a password.

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 

 


Last Updated : 01 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads