密碼輸入欄位 input type= password

製作 HTML 表單的登入頁面通常會有文字輸入欄位（input type= text）以及密碼輸入欄位（input type= password），這兩個欄位乍看之下相當類似，差別在於密碼輸入欄位在網友填寫密碼的時候，僅會顯示隱藏符號，各家瀏覽器的呈現方式有所差異，可能是黑點（●）或星號（*）等，用來保護網友在輸入密碼時的隱私，避免旁邊的人看到密碼而記錄下來。

密碼輸入欄位 input type= password 基本語法

在 HTML 的密碼輸入欄位 Tag 的標準寫法，由 < 開始以及 > 結束，input type="password" 是宣告此為密碼輸入欄位，name 是給欄位一個名稱，這兩個部分都是必要項目，value 則是欄位的值，通常要給網友填寫密碼的 value 不用寫，而是給網友自己填寫。

密碼輸入欄位 input type= password 範例

請輸入您的密碼：<input type="password" name="YourPassword">

呈現結果

請輸入您的密碼：

這個範例欄位放在 HTML 表單中，當網友填寫完他的密碼，並送出表單之後，HTML 表單就會自動將網友所填寫的資料，傳送到設計師所設定的接收程式，通常為伺服器端程式如 PHP，呈現結果的淺黃色底色以及虛線外框並非預設效果，而是為了呈現清楚的範列結果額外加上去的，您可以將範例語法寫在一個空白文件上，並將文件存為 test.html 檔案，用瀏覽器開啟就看得到範例的密碼欄位。

延伸閱讀