使用2個輸入或更改輸入類型以顯示密碼

Question

我想添加顯示密碼複選框到我的表單。 當用戶檢查顯示覆選框密碼時。 我發現的大多數示例都使用2個輸入，其中一個輸入文本，另一個輸入密碼。根據複選框的狀態在這些輸入之間切換。 改變輸入類型更簡單，那麼爲什麼人們使用2個輸入？

Answer 1

可能使它在舊版本的工作IE，自IE 9及以下版本以來，不允許將type="password"動態更改爲type="text"。它會拋出一個錯誤「無法獲取類型屬性」

Answer 2

我希望烏拉圭回合試圖問ü要單一密碼輸入欄，並顯示密碼按鈕......下面是我的回答

<input type="password" name="passwd" id="txtPassword" placeholder="Password" required="required"> 
<input type="checkbox" id="showhide"/> 
    <label for="showhide" id="showhidelabel">Show Password</label> 




    <script type="text/javascript"> 
    $(document).ready(function() { 
    $("#showhide").click(function() { 
    if ($("#txtPassword").attr("type")=="password") { 
    $("#txtPassword").attr("type", "text"); 
    } 
    else{ 
     $("#txtPassword").attr("type", "password"); 
    } 
    }); 
    });