Атрибут autocompletehtml5 HTML тега <input>

HTML тег <input>

Значение и применение

Атрибут autocompletehtml5 (HTML тега <input>) указывает должен ли элемент иметь автозаполнение (заполнение автоматически завершается в браузере). По умолчанию автозаполнение включено.


Обращаю Ваше внимание, что автозаполнение не будет работать если у элемента <input> отсутствует атрибут name. Варианты, которые будут предложены браузером для заполнения зависят от имени элемента, заданные в атрибуте name.


Поддержка браузерами

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
autocompletehtml5ДаДаДаДаДаДа

Синтаксис:

<input autocomplete = "on | off | autofill detail tokens">  

Значения атрибута

ЗначениеОписание
onУказывает, что автозаполнение включено. Это значение по умолчанию.
offУказывает, что автозаполнение выключено.
autofill detail tokensПолный перечень значений при необходимости вы можете найти в официальном стандарте WHATWG Standard.

Отличия HTML 4.01 от HTML 5

Атрибут autocompletehtml5 считается новым в HTML 5.

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование атрибута autocomplete HTML тега <input></title>
	</head>
	<body>
		<form name = "myForm" action = "script.php"> <!-- определяем имя для нашей формы и адрес, куда отправляется форма -->	
			Логин: <input type = "text" name = "userLogin" autocomplete = "on"><br><br> <!-- определяем элемент управления для ввода текстовой информации (автозаполнение включено) -->
			Пароль: <input type = "password" name = "userPass" autocomplete = "off"><br><br> <!-- определяем элемент управления для ввода пароля и отключаем автозаполнение -->
			<input type = "submit" value = "Войти"> <!-- определяем кнопку отправки формы -->
		</form>
	</body>
</html>

В данном примере мы создали форму (HTML тег <form>), атрибутом name определили имя для нашей формы, атрибутом action указали адрес, куда отправляется форма.

Внутри формы мы поместили элемент управления <input>, который позволяет пользователю ввести текстовую информацию и атрибутом autocompletehtml5 указали, что автозаполнение для поля включено. Для второго элемента управления <input>, который предназначен для ввода пароля, мы отключили автозаполнение (значение off атрибута autocompletehtml5).

Результат нашего примера:

Пример использования атрибута autocomplete HTML тега <input>.
Пример использования атрибута autocomplete HTML тега <input>.
HTML тег <input>