Атрибут name тега <input>
Описание
Атрибут name определяет имя элемента формы, которое используется при отправке данных на сервер. Это обязательный атрибут для всех элементов формы, значения которых должны быть переданы.
<form action="/submit" method="post">
<label for="firstname">Имя:</label>
<input type="text" id="firstname" name="firstname">
<label for="lastname">Фамилия:</label>
<input type="text" id="lastname" name="lastname">
<input type="submit" value="Отправить">
</form>
Особенности работы:
| Тип элемента | Использование name | Пример |
|---|---|---|
| Текстовые поля | Имя переменной для значения | name="username" |
| Радиокнопки | Группировка вариантов | name="gender" для всех кнопок группы |
| Чекбоксы | Имя для массива значений | name="interests[]" |
| Select | Имя для выбранного значения | name="country" |
Пример с группировкой радиокнопок:
<form action="/survey">
<p>Выберите возрастную категорию:</p>
<input type="radio" id="age1" name="age" value="18-25">
<label for="age1">18-25 лет</label><br>
<input type="radio" id="age2" name="age" value="26-35">
<label for="age2">26-35 лет</label><br>
<input type="radio" id="age3" name="age" value="36+">
<label for="age3">36+ лет</label><br>
<input type="submit" value="Готово">
</form>
Рекомендации:
- Используйте осмысленные имена, соответствующие данным
- Для чекбоксов, позволяющих множественный выбор, добавляйте
[]к имени - Избегайте пробелов и специальных символов в именах
- Придерживайтесь единого стиля именования (camelCase, snake_case)
Пример с массивами данных:
<form action="/order">
<h3>Выберите дополнительные опции:</h3>
<input type="checkbox" id="opt1" name="options[]" value="warranty">
<label for="opt1">Расширенная гарантия</label><br>
<input type="checkbox" id="opt2" name="options[]" value="delivery">
<label for="opt2">Быстрая доставка</label><br>
<input type="checkbox" id="opt3" name="options[]" value="setup">
<label for="opt3">Установка</label><br>
<input type="submit" value="Заказать">
</form>
Особенности:
- Без атрибута
nameданные поля не будут отправлены на сервер - Имена чувствительны к регистру в некоторых серверных технологиях
- Можно использовать для доступа к элементам через JavaScript
- В HTML5 имя может начинаться с буквы или подчеркивания
Примечание: Правильное именование полей формы - важный аспект веб-разработки, который влияет на обработку данных на сервере и организацию кода. Используйте последовательную и логичную систему именования.