Блог

Главная - Вопросы по программированию - Я много раз пытался, чтобы форма входа в систему за 2 шага не работала

Я много раз пытался, чтобы форма входа в систему за 2 шага не работала

#html #css

#HTML #css

Вопрос:

Я пытаюсь скопировать форму входа в Outlook. В первом сеансе будет поле ввода имени пользователя, а во втором сеансе будет поле ввода пароля.

 <div class="contanior">
  <div class="main-contanior">
            <div class="logo">
            <img src="login images/logo.png">
            </div>
            <h3>Sign in</h3>
            <form class="form">
                <input type="text" name="text" placeholder="Email, phone, or sykpe">
            </form>
            <p>No account?<a href="#">Create one!</a></p><br>
            <div class="sign-in"><a href="#">Sign in with a security key?</a><br></div>
            <div class="option"></div><a href="#">Sign-in option</a><div>       
    <button>Next</button>
  </div>
</div>

Ответ №1:

Ваша форма должна быть одной, но просто разделенной тегами div, скрыть часть пароля с помощью Javascript и CSS, создать кнопку next, создать функцию в js. эта функция должна скрывать часть имени пользователя, а затем показывать часть пароля при нажатии следующей кнопки.

 <button onclick="Show();">Next</button>