Как предварительно заполнить форму ввода пользователя?

Question

У меня есть очень простая форма, где я спрашиваю имя пользователя, мобильный телефон, электронную почту.Я включил автоматическое заполнение в этих полях, используя следующий код:

<label for="frmNameA">Name</label>
<input name="name" id="frmNameA" placeholder="Full name" required autocomplete="name">

<label for="frmEmailA">Email</label>
<input type="email" name="email" id="frmEmailA" placeholder="name@example.com" required autocomplete="email">


<label for="frmPhoneNumA">Phone</label>
<input type="tel" name="phone" id="frmPhoneNumA" placeholder="+1-650-450-1212" required autocomplete="tel">

Здесь - это скрипка.В настоящее время пользователь должен сосредоточиться на этих элементах, а затем он отображает предложения.Есть ли способ, которым мы можем предварительно заполнить эти данные после загрузки формы?Мы хотим предварительно заполнить первое предложение, которое входит в автозаполнение, а не в какое-то жестко запрограммированное значение.

Кроме того, я видел такие сайты, как Facebook, Twitter и т. Д., Использующие только автозаполнение и не заполняющие данные - есть какая-то конкретная причинане заполнять вещи?

Answer 1

Вы можете сохранить пользовательские значения в localStorage по завершении, а затем загрузить эти значения при загрузке страницы.

Таким образом, нет необходимости жестко кодировать данные, а также хранить на стороне сервера.

// Store 
localStorage.setItem("userconfig",mail.value)

// Fill data
onload = (function(){
  mail.value =   localStorage.getItem("userconfig")

})

Answer 2

Атрибут autocomplete указывает, должна ли форма включать или выключать автозаполнение.

Когда автозаполнение включено, браузер автоматически заполняет значения на основе значений, которые пользователь вводил ранее.

<form action="/action_page.php" method="get" autocomplete="on">
  First name:<input type="text" name="fname"><br>
  E-mail: <input type="email" name="email"><br>
  <input type="submit">
</form>