密碼輸入欄位 input type= password

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

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

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

延伸閱讀

© Copyright webtech.tw Since 2010