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

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

Атрибут name (HTML тега <input>) задает имя для элемента. Атрибут name используется для поиска (выбора) элементов с использованием языка программирования JavaScript, а так же позволяет ссылаться на данные формы после их отправки.

Обратите внимание, что только те элементы формы, которые имеют атрибут name, будут иметь свои значения при отправке формы.

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

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

Синтаксис:

<input name =  "text">

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

Значение	Описание
text	Задает имя для элемента <input>.

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

Нет.

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

<!DOCTYPE html>
<html>
<head>
	<title>Пример использования атрибута name HTML тега <input></title>
</head>
	<body>
		<form name = "myForm"> <!-- создаем форму -->
			<label>Ваш логин<input type = "text" name = "Login"></label><br> <!-- поле для ввода текстовой информации -->
			<label>Ваш пароль<input type = "password" name = "Password"></label><br> <!-- поле для ввода пароля -->
			<input type = "submit" name = "submitForm" value = "войти"> <!-- кнопка для отправки формы -->
		</form>
	</body>
</html>

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

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

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

HTML тег <input>