HTML Form input password 密碼欄位

HTML Form 表單中可以使用 input password 的製作密碼輸入欄位，與 input text 文字輸入欄位最大的不同是，input password 會自動將網友輸入的文字變成隱藏符號，避免網友在輸入密碼的時候被其他人看到，input password 常用在會員註冊或是會員登入等步驟。

HTML Form input password 密碼欄位範例

呈現結果如

密碼欄位：

密碼輸入欄位的寫法是 <input type="password" name="密碼欄位名稱"> 這樣，其中的密碼欄位名稱是要讓網友填好送出表單後，可以透過像是 PHP 等程式取得網友所輸入的密碼，並進一步執行會員登入的步驟，欄位需要包在 <form> 表單標籤內。

另外如果想設定 input password 的欄位寬度，無法使用 textarea 中的 cols 來處理，但可以使用 CSS 的 width 來設計，舉例來說我們建立一個密碼欄位，並使用 style="width:200px;" 這樣的語法，告知瀏覽器這個欄位的寬度為 200px 寬，你也可以根據設計的板面來調整大小。

延伸閱讀