input要素を使ったマークアップについて

<style>
.show {
    display:none;
}

input:checked ~ .show {
    display:block;
}
</style>

<input id="on-off" type="checkbox">
<label for="on-off">表示する</label>
<p class="show">表示される(通常時display:none)</p>

ご回答頂けると幸いです。
このように何かを表示を切り替える際にinput要素を使用することは、
マークアップ的には間違いなのでしょうか。

最も適切な使用方法としてはformタグ内でデーター送信のために用いることだとは存じていますが、私は明らかな間違いではないと現時点では思っています。

input要素はformを構成する要素としてフォーム部品ともしばしば説明されていますが、
HTML Living StandardやMDNを見る限りではform内の使用に限定されている訳でもなく、
inputタグ単品での説明からはユーザーからの選択やコントロール、データを受ける要素という認識を受けました。

このようなマークアップに至った経緯を申しますと、この程度ならjavascriptで記述しなくてもいいのでは無いか？と思った次第です。script記述量は少しでも少ない方が読み込みの面でも良いと思いましたので...

同じエンジニアの方と意見が割れたので質問させていただきました。