1

Как можно реализовать замену атрибута type с password на text и обратно у input по наведению на элемент?

<span class="input-group-addon auth" id="basic-addon1"><i class="fa fa-search" aria-hidden="true"></i>

Само поле:

<input type="password" id="input" class="form-control setpass" name="password" placeholder="Enter password">

1 ответ 1

2

Вот так

$(document).ready(function(){
  // Событие при наведении
  $('#basic-addon1').on('mouseover', function(){
    $('#input').attr('type', 'text');
  })
  
  // Событие при потере фокуса
  $('#basic-addon1').on('mouseout', function(){
    $('#input').attr('type', 'password');
  })
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="input-group-addon auth" id="basic-addon1"><i class="fa fa-search" aria-hidden="true">наводим сюда</i></span>
<input type="password" id="input" class="form-control setpass" name="password" placeholder="Enter password">

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.