# HTML 12. Password and Placeholder 及設定字數上下限 ### 設定一個 input type / password: ![](https://i.imgur.com/GZnXoNV.png) ``` <input type="password" name="" id="" /> ``` ### 設定輸入密碼的字數上下限制: - 通常申請會員的網站,都會有一個為了保證使用者密碼強度的要求: - `minlength="8"` `maxlength="12"` 顧名思義,這段程式碼限制網頁使用者,只能輸入至少8至最多12個字的密碼長度了。 ``` <input type="password" name="" id="" minlength="8" maxlength="12" /> ``` - 如本範例,若輸入6位數密碼,則會被系統判定未達 `minlength="8"` 而無法正常地提交表單了。 ![](https://i.imgur.com/4bIgzKM.png) - 可回到先前的名字輸入欄位,將上述條件加以套用,下限:3、上限:10 總不可能有名字超過十個字的吧 xd --- ### placeholder - 輸入欄位提示使用者: - 此語法可以使輸入欄位顯示您所帶入的提示文字,來增加與使用者的互動感 ``` <label for="inputName">姓名:</label> <input placeholder="請輸入您的姓名" minlength="3" maxlength="10" id="inputName" name="checkName" type="text" /> ``` ![](https://i.imgur.com/UNy4EK2.png) ###### tags: `2022 網頁開發全攻略教程`