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

HTML тег <input>

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

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


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


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

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
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> (указание имени элемента).
Пример использования атрибута name HTML тега <input> (указание имени элемента).
HTML тег <input>