首頁 >web前端 >html教學 >我們如何在HTML表單中輸入密碼？

我們如何在HTML表單中輸入密碼？

PHPz轉載: 2023-09-17 14:33:041853瀏覽

我們使用標籤，透過將password賦值給type屬性，在HTML表單中接收密碼輸入。當我們輸入密碼時，它會立即隱藏字元。這也是一個單行文字輸入。

我們如何在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表單中輸入密碼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

html input

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：在HTML中，當元素接收到使用者輸入時執行腳本嗎？下一篇：在HTML中，當元素接收到使用者輸入時執行腳本嗎？

看更多