Комментарий: я считаю, что у вас есть хорошее понимание автофокусировки HTML5 и текста заполнителей. Чтобы использовать функцию автофокусировки HTML5, вам нужно только добавить атрибут AutoFocus в поле формы. Во -первых, посмотрите на следующий пример кода для использования HTML AutoFocus и Text Placeholder. Заинтересованные друзья могут узнать об этом.
Сначала посмотрите на следующий пример кода для использования HTML AutoFocus и Text Placeholder
<! Doctype html> 2: <html>
<голова>
<title> зарегистрировать учетную запись </title>
<meta charset = "utf-8">
</head>
<тело>
<form method = "post" action = "goto">
<Fieldset>
<Легенда> Регистрация нового пользователя </Легенда>
<ol>
<li>
<Метка для = "Имя"> Электронная почта </label>
<input type = "email">
</li>
<li>
<Метка для = "Пользователь"> Имя пользователя </label>
<input type = "text">
</li>
<li>
<метка для = "никнам"> отображать имя </label>
<input type = "text">
</li>
<li>
<Метка для = "Пароль"> Пароль </label>
<input type = "пароль">
</li>
<li>
<Метка для = "Подтверждение_PASSWORD"> Подтвердить пароль </label>
<input type = "пароль">
</li>
</ol>
</fieldset>
</form>
</body>
</html>
Используя автофокус
Чтобы использовать функцию автофокусировки HTML5, просто добавьте свойство AutoFocus в поле формы
Например, вы хотите автоматически найти курсор в почтовом ящике поля первой формы формы, когда страница загружается, и повысить эффективность ввода.
<li>
<Метка для = "Имя"> Электронная почта </label>
<input type = "email" AutoFocus>
</li>
Следует отметить, что если на странице установлено несколько свойств автофокусировки, курсор пользователя будет расположен только в поле последней формы с набором свойств автофокусировки.
Используйте текст заполнителей
Наибольшее использование текста заполнителей - объяснить пользователям, как правильно заполнить форму. То есть подсказка ввода сделана. Чтобы использовать текст заполнителей, просто добавьте атрибут заполнителя в поле ввода
Ниже приведено поле входной формы с использованием атрибута заполнителя
<ol>
<li>
<Метка для = "Имя"> Электронная почта </label>
<input type = "email" AutoFocus Placeholder = "Пожалуйста, введите действительный адрес электронной почты">
</li>
<li>
<Метка для = "Пользователь"> Имя пользователя </label>
<input type = "text" Placeholder = "enter пользователя">
</li>
<li>
<метка для = "никнам"> отображать имя </label>
<input type = "text" Placeholder = "Введите прозвище">
</li>
<li>
<Метка для = "Пароль"> Пароль </label>
<input type = "password" Placeholder = "Введите пароль">
</li>
<li>
<Метка для = "Подтверждение_PASSWORD"> Подтвердить пароль </label>
<input type = "password" Placeholder = "Введите пароль снова">
</li>
</ol>
Эффект работы заключается в следующем
Сообщите ли автозаполнение
Атрибут автозаполнения был введен в HTML5. Используется для уведомления браузера, автоматически ли заполнено поле текущего формы. Некоторые браузеры будут помнить данные, введенные пользователем, и в некоторых случаях мы не хотим, чтобы пользователь использовал данные записи, особенно похожие на пароль.
Закрыть автозаполнение
<input type = "password" autocomplete = "off" weapholder = "Введите пароль">
Просто установите значение AtuoCoplete, чтобы предотвратить автоматическое завершение.