Тег <output>

Тег <output> HTML: Приклади та Опис

Internet Explorer Chrome Opera Safari Firefox Android iOS
10.0+ 10.0+ 9.6+ 5.1+ 4.0+ 4.0+ 2.1+

Специфікація

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Опис

Визначає область для виведення інформації, переважно за допомогою скриптів.

Синтаксис

<output>
</output>

Атрибути

for
Визначає ідентифікатор одного чи кількох елементів для зв'язування з тегом <output>.
form
Вказує ім'я форми, до якої належить область для виводу.
name
Встановлює унікальне ім'я елемента.

Закриваючий тег

Обов'язковий.

Приклад

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>output</title>
 </head>
 <body>
  <form oninput="result.value=(cm.value/2.54).toFixed(2)">
    <p>Введіть довжину в сантиметрах: 
    <input type="number" name="cm" autofocus></p>
    <p>Довжина в дюймах: <output name="result">0</output></p>
  </form>
 </body>
</html>

Браузери

IE 10 підтримує цей тег, але не розуміє змінну name.value. Для доступу до значень полів форми можна використовувати document.getElementById('id').value

Часті запитання

  • Q: Як працює тег <output> в HTML?

    A: Тег <output> в HTML використовується для відображення результатів обчислень або вимірювань на сторінці. Він може бути використаний для відображення результату скриптів JavaScript або форматованого виводу.

  • Q: Які атрибути можна використовувати з тегом <output>?

    A: З тегом <output> можна використовувати атрибути for та form, які допомагають встановити зв'язок з елементами форми.

  • Q: Для чого потрібен тег <output> в HTML?

    A: Тег <output> в HTML дозволяє відобразити результати обчислень або введених даних на сторінці, що робить його корисним для форм та скриптів, які виводять результати.

  • Q: Як можна стилізувати тег <output> за допомогою CSS?

    A: Тег <output> можна стилізувати за допомогою CSS, використовуючи класи або ідентифікатори, які дозволяють змінювати його вигляд.

  • Q: Які браузери підтримують тег <output> в HTML?

    A: Тег <output> підтримується більшістю сучасних браузерів, таких як Chrome, Firefox, Safari, Edge та інші. Однак, рекомендується завжди перевіряти сумісність з браузерами перед використанням.