我们使用标签，通过将password赋值给type属性，在html表单中接收密码输入。当我们输入密码时，它会立即隐藏字符。这也是一个单行文本输入。
语法
<form> <input type="password" name="name… " value=" ">Male </form>
示例 1
一个在HTML中实现密码输入的示例如下：
<!DOCTYPE html>
<html>
<body>
<head>
<meta charset="UTF-8">
<meta name="description" content="meta tag in the web document">
<meta name="keywords" content="HTML,CSS">
<meta name="author" content="lokesh">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<p>Branch</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/1273" title="Avatar AI"><img
src="https://img.php.cn/upload/ai_manual/001/431/639/68b6dad229e35722.png" alt="Avatar AI" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/1273" title="Avatar AI">Avatar AI</a>
<p>AI成像模型，可以从你的照片中生成逼真的4K头像</p>
</div>
<a href="/ai/1273" title="Avatar AI" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
<form>
<input type="password" id="CSE" name="Branch" value="CSE" >
<label for="CSE">Enter password</label> <br>
<input type="password" name="Branch" value="IT" >
<label for="CSE">Re-enter password</label>
</form>
</body>
</html>
示例 2
下面给出了另一个将输入作为密码的示例。您可以尝试运行以下代码 -
立即学习“前端免费学习笔记（深入）”；
<!DOCTYPE html> <html> <body> <head> <title>HTML Forms</title> </head> <p>Add your details:</p> <form> Student Username:<br> <input type="text" name="name"> <br> Password:<br> <input type="password" name="password"> <br> </form> </body> </html>
