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

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

PHPz
發布: 2023-09-17 14:33:04
轉載
1843 人瀏覽過

我們使用標籤,透過將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中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板