Атрибут name задаёт имя элемента <output> для вывода результатов вычислений с помощью JavaScript.
Синтаксис
<output name="<имя>">
</output>
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>output</title>
<script>
function dice() {
// Получаем поля формы
const inputs = document.getElementById('sum').elements;
const d1 = inputs['d1'].value; // Значение поля d1
const d2 = inputs['d2'].value; // Значение поля d2
inputs['d1res'].value = d1; // Выводим результат поля d1
inputs['d2res'].value = d2; // Выводим результат поля d2
// Получаем сумму двух чисел
inputs['sum'].value = parseInt(d1) + parseInt(d2);
}
</script>
</head>
<body>
<form id="sum" oninput="dice()">
<p>Сумма очков двух игральных костей.</p>
<p><input type="range" value="1" min="1" max="6" name="d1">
<output name="d1res">1</output></p>
<p><input type="range" value="1" min="1" max="6" name="d2">
<output name="d2res">1</output></p>
<p>Сумма очков: <output name="sum">2</output></p>
</form>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.