Атрибут autocomplete HTML тега <form>

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

Логический атрибут autocomplete html5 (HTML тега <form>) указывает может ли браузер автоматически заполнять элементы формы (по умолчанию - включен). Этот атрибут помогает заполнять поля форм текстом, который был введён в них ранее (если не отключено настройками браузера).

Значение атрибута может быть переопределено с помощью атрибута autocomplete html5 элементов, относящихся к форме.

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

Атрибут	Chrome	Firefox	Opera	Safari	IExplorer	Edge
autocomplete	Да	Да	Да	Да	Да	Да

Синтаксис:

<form autocomplete = "on | off">

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

Значение	Описание
on	Браузер автоматически заполняет значения на основе тех значений, которые пользователь вводил ранее. Это значение по умолчанию.
off	Пользователь должен вводить значения в каждом поле формы после каждого использования. Браузер не может автоматически подставлять значения.

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

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

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

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования атрибута autocomplete HTML тега <button></title>
	</head>
	<body>
		<form action = "somepage.php" autocomplete = "on"> <!-- указываем адрес, куда отправляется форма и указываем, что проверка данных на корректность, введенных пользователем в форму не производится -->	
			Name: <input type = "text" name = "f-name"><br> <!-- определяет однострочное текстовое поле -->
			E-mail: <input type = "email" name = "e-mail"><br> <!-- определяем элемент управления для ввода адреса электронной почты -->
			Your phone: <input type = "tel" name = "user-phone"><br> <!-- определяем элемент управления для ввода телефонного номера -->
			<input type = "submit"> <!-- определяем кнопку отправки формы -->
		</form>
	</body>
</html>

В данном примере мы создали форму (HTML тег <form>), указали адрес, куда она отправляется и логическим атрибутом autocomplete html5 указали, что браузер может автоматически заполнять элементы формы. Кроме того, мы разместили элемент управления для ввода телефонного номера, имени пользователя, адреса его электронной почты и кнопку отправки формы.

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

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

HTML тег <form>