Атрибут 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
  • Имя должно быть уникальным в пределах формы

Лучшие практики:

  1. Всегда используйте осмысленные имена
  2. Соблюдайте единый стиль именования в проекте
  3. Избегайте пробелов и спецсимволов
  4. Связывайте с <label> для доступности

Пример с label:

<label for="country-select">Страна:</label> <select id="country-select" name="country"> <option value="">Выберите страну</option> <option value="ru">Россия</option> </select>