Thanks to visit codestin.com
Credit goes to www.geeksforgeeks.org

Open In App

HTML <input type="password">

Last Updated : 11 Jul, 2025
Comments
Improve
Suggest changes
1 Likes
Like
Report

HTML <input type="password"> is used to specify the password field of the input tag. Password should be served over the HTTPS pages because it includes the sensitive information of the user.

Note: We can add the <label> tag for improved accessibility.

Syntax

<input type="password">

Example: We are using the HTML <input type="password"> to create a password field where characters are masked, enhancing security by hiding sensitive information like passwords from plain view.

HTML 
<!DOCTYPE html>
<html>

<body>
    <h3>HTML input type="password" Example</h3>
  
    <form action="/action_page.php" method="post">
        <label for="email">Email:</label>
        <input type="email" name="email" 
               placeholder="Email Address" 
               required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
        <br>
        <br>
        <label for="paswword">Password:</label>
        <input type="password" name="password" 
               placeholder="Password" required>
        <br>
        <br>
        <input type="submit" value="Login">
    </form>
</body>

</html>

Output

HTML-input-type_password
HTML input type="password" Example Output

Note: Always ensure that forms containing sensitive information, such as passwords, are served over HTTPS to protect user data.

Tips for Password Input in HTML

Here are a few tips for using <input type="password">:

  • Password Input in HTML Forms: Use <input type="password"> to collect password information securely in HTML forms. This masks the entered text for privacy.
  • Hide Password in HTML: Password masking is done automatically with <input type="password">, preventing the password from being visible in plain text and enhancing security.

Supported Browsers


M

manaschhabra2
Improve
Article Tags :

Explore

Lightbox