Атрибут name тега <output>

Описание

Атрибут name для элемента <output> задает имя элемента, которое может использоваться для:

  • Доступа к элементу через JavaScript
  • Включения значения в данные формы при отправке
  • Связи с другими элементами через атрибут for
Пример использования:
<form oninput="result.value = range.value"> <input type="range" id="range" value="50"> Результат: <output name="result">50</output> </form>

Основные характеристики:

Характеристика Описание
Доступ через формы Доступен как свойство формы (form.elements.name)
Отправка данных Включается в FormData при отправке формы
Связывание Используется атрибутом for других элементов

Рекомендации по использованию:

  • Используйте осмысленные имена, отражающие назначение
  • Избегайте специальных символов и пробелов
  • Для групп элементов используйте согласованные имена
  • Сочетайте с атрибутом for для явных связей

Пример с отправкой формы:

<form action="/submit" method="post"> <input type="number" name="quantity" value="1"> <output name="total">100</output> <button type="submit">Отправить</button> </form>

Особенности работы:

  • Значение включается в данные формы при отправке
  • Может быть получено через FormData API
  • Не обновляется автоматически без JavaScript
  • Поддерживается всеми современными браузерами

Примечание: Хотя <output> с атрибутом name включается в данные формы, для динамического обновления его значения по-прежнему требуется использование JavaScript или обработчиков событий.