How do we take password input in HTML forms ?

Last Updated : 01 Jun, 2023

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>