Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Редактор Поддержка Обновить

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <optgroup>



Пример

Выполните расчет и покажите результат в элементе <output>:

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
 <input type="range" id="a" value="50">
 +<input type="number" id="b" value="25">
 =<output name="x" for="a b"></output>
</form>
Попробуйте сами »


Определение и использование <output>

Тег <output> используется для представления результата вычисления (например, выполняемого скриптом).


Поддержка браузеров <output>

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.

Элемент
<output> 10.0 13.0  4.0 5.1 11.0

Атрибуты <output>

Атрибут Значение Описание
for element_id Указывает связь между результатом вычисления и элементами, используемыми в вычислении
form form_id Указывает, к какой форме принадлежит выходной элемент
name name Задает имя выходного элемента

Глобальные атрибуты <output>

Тег <output> также поддерживает Глобальные атрибуты в HTML.


События атрибутов <output>

Тег <output> также поддерживает События атрибутов в HTML.


Связанные страницы <output>

HTML DOM Справочник: Объект Output


Настройки CSS по умолчанию <output>

Большинство браузеров будут отображать элемент <output> со следующими значениями по умолчанию:

output {
  display: inline;
}