HTML <input type="password">

Last Updated : 09 Dec, 2024

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 :

Similar Reads

HTML <input type = "button">

The HTML <input type="button"> element creates a clickable button that can be customized with text or an image. It does not have any default behavior but can be used to perform actions using JavaScript. It makes versatile for various interactive purposes in web forms and applications. Syntax

HTML <input type="checkbox">

The HTML <input type="checkbox"> creates a checkbox input element. It displays as a square box, checked when activated. Checkboxes enable users to select one or more options from a limited set of choices. Syntax <input type="checkbox"> Example: In this example, we will demonstrate using

HTML <input type="color">

The HTML <input type="color"> element is used to define a color picker. The value should be a seven-character hexadecimal notation representing RGB values in hexadecimal format. Its default value is #000000 (black). Syntax<input type="color"> Example: In this example, we will demonstrate

HTML <input type="date">

The HTML <input type="date"> element provides a date picker interface for selecting dates. It allows users to input dates using a calendar widget, ensuring standardized date input across different browsers and devices.Â Syntax<input type="date">Example:Â In this example, the HTML <inpu

HTML <input type="email">

The HTML <input type="email"> is used to create an input field specifically for email addresses. It automatically validates the input to ensure it follows the correct email format. Adding the "multiple" attribute allows the user to input multiple email addresses, separated by commas.Syntax<

HTML <input type="file">

The HTML <input type="file"> element is used to create a file input box in forms. It allows users to browse and select files to upload from the devices. When the form is submitted, the selected file(s) can be uploaded to the server. Syntax<input type="file"> Example: In this example, we

HTML <input type="hidden">

The HTML <input type="hidden"> element defines a hidden input field. Hidden fields store data that are not visible or modifiable by users when they submit a form. They are useful for including data that needs to be sent with the form but does not need to be displayed. Syntax<input type="hid

HTML <input type="image">

The HTML <input type="image"> element defines an image as a submit button within a form. When the image is clicked, the form is submitted, similar to a regular submit button. It allows for more visually appealing form submissions, as the image can serve as the button instead of a plain text or

HTML <input type="month">

The HTML <input type="month"> element creates a month picker, allowing users to select a specific month and year without specifying a day. It provides a standardized way to input month-based data to enhance user experience. Syntax<input type="month"> Example: This example demonstrate the

HTML <input type="number">

The HTML <input type="number"> element creates an input field for entering numeric values. It allows for easy input of numbers with optional restrictions such as minimum, maximum, and step values. This element enhances form validation by ensuring only numeric input is accepted, improving user