Атрибут name тега <form>
Описание
Атрибут name задаёт имя формы, которое может использоваться для обращения к ней через JavaScript или для идентификации при отправке данных на сервер.
<form name="registrationForm" action="/register" method="post">
<input type="text" name="username">
<button type="submit">Зарегистрироваться</button>
</form>
Основные возможности:
| Использование | Пример | Описание |
|---|---|---|
| Обращение через JavaScript | document.forms.registrationForm |
Доступ к форме по имени |
| Идентификация на сервере | $_POST['form_name'] (PHP) |
Определение, какая форма отправлена |
| Группировка элементов | document.forms.myForm.elements |
Доступ ко всем элементам формы |
Доступ к форме через JavaScript:
<form name="contactForm">
<input type="text" name="email">
</form>
<script>
// Доступ к форме
const form = document.forms.contactForm;
// Доступ к полю формы
const email = form.elements.email;
// Обработка отправки
form.addEventListener('submit', function(e) {
e.preventDefault();
alert(`Email: ${email.value}`);
});
</script>
Особенности работы:
- Имя формы должно быть уникальным в пределах документа
- Доступно в коллекции
document.forms - Может использоваться для валидации перед отправкой
- Устаревший метод доступа (предпочтительнее использовать
id)
Рекомендации по использованию:
- Используйте осмысленные имена в стиле camelCase
- Избегайте пробелов и специальных символов
- Для современных приложений предпочтительнее использовать
id - Может быть полезен для legacy-кода
Ограничения:
- Не рекомендуется в новых проектах (лучше использовать
id) - Может конфликтовать с глобальными переменными JavaScript
- Менее производительный доступ, чем через
getElementById
Примечание: Хотя атрибут name для форм всё ещё поддерживается, в современных веб-приложениях рекомендуется использовать id для идентификации элементов и document.querySelector для доступа к ним. Однако знание этого атрибута полезно для работы с устаревшим кодом.