我们如何在HTML表单中输入密码？

百变鹏仔 3个月前 (09-21) #HTML

文章标签表单

我们使用标签，通过将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><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>

文章推荐

我们如何在HTML表单中输入密码？

语法

示例 1

示例 2

html代码是什么

值得一学的6个前端HTML+CSS特效

html怎么设置字体

怎么隐藏html标签

html怎么设置编码utf8