プログラマーな日々

プログラマーをやっています。好きなツール:TaskChute Cloud・WorkFlowy、好きな言語:C#、好きなサービス:Backlog、好きなAWS:AWS Lambda。

output要素

output要素は、計算結果を表します。

使用例

<!DOCTYPE html>
<html lang="ja">
<head>
<title>Hello! HTML5</title>
<meta charset="UTF-8">
</head>
<body>
    <form action="./regeister.html" method="post" id="order">
        <p>
            音量:<input type="range" id="volume" onchange="form.elements.op.value = this.value;" />
            <output for="volume" id="op" />
        </p>
        <p>
	    <button type="submit">送信</button>
        </p>
    </form>
</body>

レンダリング

初期表示

スライダー移動