Тег INPUT, атрибут name

What is the purpose of the HTML name attribute?

What is the purpose of the name attribute on input , span , or div tags? Should an id tag be used instead? Example from Mozilla’s documentation:

5 Answers 5

The name attribute identifies the input value if it is sent to a server via a traditional GET or POST of a form.

Specific to the example if you had:

and you submit the form, the server localhost will receive a content body like:

which as another post mentions, is usually parsed by a server side language like PHP into something easier to work with.

The id attribute identifies the input to the DOM . If you specify an input with no name but an id and try to submit it via a GET or POST it will not be parsed correctly by the server.

In an input element, the name attribute defines the name of the control. Only controls that have a name can be “successful”, i.e. may contribute to the form data set sent to a server. Thus, it is indispensable in order to make the value of the control submitted to server-side processing. The id attribute has nothing to do with this; it has its own uses, such as helping to associate a label with the control, as in the example.

Consequently, the name attribute is not needed if you need not have the control value submitted. For example, if you have a single submit button like , you don’t need it; but if you have several submit buttons and you need to recognize, server-side, which one was used, you need it. If the form data is not sent to server-side processing but handled only in client-side processing, the name attribute is not used, as you can access the values with other means.

In span and div elements, a name attribute is invalid in all HTML versions. If used, it will simply be ignored, except in the sense that it is stored (like any invalid attributes) in the attributes property in the DOM and can be accessed in client-side scripting.

Considering the general question as in the question title, the name attribute is allowed and recognized in some elements, disallowed and ignored in others, and when allowed, its meaning is defined in the definition of the element. There is not that much in common between these definitions.

Some confusion has been caused by statements like “the name attribute is deprecated/obsolete”. Such statements are correct for this attribute in some elements in some HTML versions, but in input elements for example, it remains official and necessary.

Источник

Атрибут name

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

Синтаксис

Применяется

Значения

В качестве имени используется набор символов, включая числа и буквы. JavaScript чувствителен к регистру, поэтому при обращении к элементу по имени соблюдайте ту же форму написания, что и в атрибуте name .

Значение по умолчанию

     function dataField(f)  
Введите текст
 

Результат примера показан на рис. 1.

Рис. 1. Вывод окна JavaScript

В данном примере при нажатии на кнопку выводится окно JavaScript, в котором отображается фраза, введенная в текстовом поле.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Источник

Атрибут name

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

Синтаксис

Применяется

Значения

В качестве имени используется набор символов, включая числа и буквы. JavaScript чувствителен к регистру, поэтому при обращении к элементу по имени соблюдайте ту же форму написания, что и в атрибуте name .

Значение по умолчанию

     function dataField(f)  
Введите текст
 

Результат примера показан на рис. 1.

Рис. 1. Вывод окна JavaScript

В данном примере при нажатии на кнопку выводится окно JavaScript, в котором отображается фраза, введенная в текстовом поле.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Источник

HTML Тег атрибут name

HTML форма с тремя полями ввода; два текстовых поля и одна кнопка отправки:

Определение и использование

Атрибут name указывает имя элемента .

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

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

Поддержка браузеров

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот атрибут.

Атрибут
name	Да	Да	Да	Да	Да

Синтаксис

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

Мы только что запустили
SchoolsW3 видео

ВЫБОР ЦВЕТА

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, не стесняйтесь отправлять на электронное письмо:

Ваше предложение:

Спасибо Вам за то, что помогаете!

Ваше сообщение было отправлено в SchoolsW3.

ТОП Учебники

ТОП Справочники

ТОП Примеры

Получить сертификат

SchoolsW3 оптимизирован для бесплатного обучения, проверки и подготовки знаний. Примеры в редакторе упрощают и улучшают чтение и базовое понимание. Учебники, ссылки, примеры постоянно пересматриваются, чтобы избежать ошибок, но не возможно гарантировать полную правильность всего содержания. Некоторые страницы сайта могут быть не переведены на РУССКИЙ язык, можно отправить страницу как ошибку, так же можете самостоятельно заняться переводом. Используя данный сайт, вы соглашаетесь прочитать и принять Условия к использованию, Cookies и политика конфиденциальности.

Источник

Атрибут name HTML тега

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
•