Alternando campos
Exibindo conteúdo do campo de senha
Para ativar essa funcionalidade o elemento precisa possuir a classe togglePass
e receber o atributo data-target com o mesmo valor do ID do input que será alternado seu tipo de password/text.
<div class="example"> <div class="control-group"> <label class="noMarginBottom" for="user_password">Nova senha</label> <p>Senha entre 8 a 14 caracteres, contendo letras e números</p> <div class="input-append"> <input class="span3" id="account-password" type="password"> <a href="#" tabindex="3" class="add-on togglePass ico-eye" data-classtoggle="ico-eye,ico-eye-off" data-target="#account-password"></a> </div> </div> </div>
Com força de senha
<div class="control-group"> <label class="noMarginBottom" for="user_password">Nova senha</label> <p>Senha entre 8 a 14 caracteres, contendo letras e números</p> <div class="input-append fLeft"> <input class="span3" id="account-password2" data-component="password-strength" data-monitor-id="password-strength-monitor-2" type="password"> <a href="#" tabindex="3" class="add-on togglePass ico-eye" data-classtoggle="ico-eye,ico-eye-off" data-target="#account-password2"></a> </div> <div class="password-strength"> <p>Força da senha:</p> <div id="password-strength-monitor-2" class="monitor"></div> </div> </div>