將密碼字段中的默認值顯示爲明文

Question

是否可以將密碼字段中的默認文本顯示爲明文？

使用以下代碼的文本框的值顯示爲 「* *」，而不是 「密碼」

由於

<div id="fnameDiv" data-role="fieldcontain">  
    <input id="password" name="password" type="password" value="Password"/> 
</div> 

Answer 1

直播示例：http://jsfiddle.net/t4BQm/18/

HTML：

<div data-role="page" data-theme="b" id="jqm-home"> 
    <div data-role="content"> 
     <div id="fnameDiv" data-role="fieldcontain"> 
      <label for="name">Password:</label> 
      <input id="password" name="password" type="password" placeholder="Password"/> 
     </div> 
     <div id="fnameDivHidden" class="hidden_div" data-role="fieldcontain"> 
      <label for="name">Password:</label> 
      <input id="password_hidden" name="password_hidden" type="text"/> 
     </div> 
     <div data-role="fieldcontain"> 
      <fieldset data-role="controlgroup" data-role="controlgroup" data-type="horizontal"> 
       <legend>Display Password:</legend> 
        <input type="radio" name="show_password" id="no" value="no" checked="checked" /> 
        <label for="no">No</label> 

        <input type="radio" name="show_password" id="yes" value="yes" /> 
        <label for="yes">Yes</label> 
      </fieldset> 
     </div> 
    </div> 
</div> 

個

JS：

$('[name=show_password]').change(function() { 
    var show = $('input[name=show_password]:checked').val() == 'yes'; 

    // toggle the password and the hidden text inputs 
    $('#password_hidden').val($('#password').val()); 

    if(show) { 
     $('#fnameDivHidden').show(); 
     $('#fnameDiv').hide(); 
    } else { 
     $('#fnameDivHidden').hide(); 
     $('#fnameDiv').show(); 
    } 
}); 

$('#fnameDivHidden').hide(); 

這可能是相關報道：change type of input field with jQuery

的