Атрибут name тега <select>
Описание
Атрибут name задает имя для элемента <select>, которое используется при отправке данных формы. Это ключевой атрибут, позволяющий серверу идентифицировать источник данных.
Пример использования:
<form>
<select name="user_country">
<option value="ru">Россия</option>
<option value="us">США</option>
</select>
</form>
Особенности работы:
- Обязательный атрибут для корректной работы с формами
- Значение передается в формате
name=value - Для множественного выбора значения передаются через запятую
- Используется для доступа к элементу через JavaScript
Рекомендации по именованию:
| Паттерн | Пример | Использование |
|---|---|---|
| snake_case | user_country |
Традиционный для PHP |
| camelCase | userCountry |
Для JavaScript/Node.js |
| kebab-case | user-country |
Реже используется |
Пример обработки данных:
PHP:
$country = $_POST['user_country'];
Node.js (Express):
const country = req.body.userCountry;
Python (Django):
country = request.POST.get('user_country')
Особые случаи:
- Если
nameотсутствует, данные не будут отправлены - При
multipleнужно добавлять[]для PHP - Имя должно быть уникальным в пределах формы
Лучшие практики:
- Всегда используйте осмысленные имена
- Соблюдайте единый стиль именования в проекте
- Избегайте пробелов и спецсимволов
- Связывайте с
<label>для доступности
Пример с label:
<label for="country-select">Страна:</label>
<select id="country-select" name="country">
<option value="">Выберите страну</option>
<option value="ru">Россия</option>
</select>