HTML 中的密码隐藏

在本文中，我们将学习如何使用 HTML 隐藏表单中的密码字段。在本文的开头，我们将学习一些 HTML 基础知识、<form> 标签和密码元素。之后，我们可以通过一些示例来理解这个概念。

HTML 是什么意思？

HTML 代表超文本标记语言。最新的 HTML 版本是 HTML5。HTML 是用于构建和设计网页的标准标记语言。

在 HTML 中，我们可以使用各种称为 标签 的命令。标签是直接嵌入 HTML 文档文本中的指令。每个 HTML 标签都指定浏览器在网页上显示的一些操作。

HTML 中的 <form> 标签

它是 HTML 的重要元素之一。<form> 标签 包含两个强制属性和一些可选属性。

<Input> 元素

输入元素用于在表单中插入各种控件，例如文本框、文件、密码、电子邮件等。输入元素使用 <input> 标签 应用于表单。

<input type = "password" >

密码也可以是 HTML 表单中输入数据的一部分。输入密码时，不显示原始字符，而是显示星号 (*) 或点 (.)。因此，输入的字符被遮盖或隐藏。要创建可以隐藏输入字符的文本框，<input> 元素的 type 属性应设置为“password”。

语法

与文本框一起使用的所有属性也受密码输入元素支持。

与 <input type = "password" > 一起使用的各种属性如下所示

• Size： 它指定 <input type = "password" > 框的大小或宽度。如果用户输入的字符多于指定大小，则字符会自动向左滚动。
  例如： <input type="password" size ="20" >
• Placeholder： 它指定一个简短的提示，描述输入字段的预期值（例如，示例值或预期格式的简短描述）。此提示在用户输入值之前显示在输入字段中。
  例如： <input type="password" size ="20" placeholder=" 输入密码值">
• Maxlength： 它指定用户可以在 <input type = "password" > 框中输入的字符的最大数量。
  例如： <input type="password" size ="20" maxlength ="20" placeholder="密码">
• Min length： 它指定用户可以在 <input type = "password" > 框中输入的字符的最小数量。
  例如： <input type="password" size ="20" Minlength ="20" placeholder="密码">
• Value： 它指定当表单在浏览器中首次加载时，<input type = "password" > 框中将出现的默认文本。
  例如： <input type="password" size ="20" Minlength ="20" placeholder="密码" value =" 输入密码" >

让我们通过各种示例来解释 <input> 元素

示例 1

输出

此示例的输出如下所示

示例 2

输出

此示例的输出如下所示