HTMLで入力内容に応じてboxの数を変えたい

Question

前提・実現したいこと

htmlでなるべくjavascriptを使わずに要素の取得をしたい
具体的に言うとこの上のnumberに入力された数だけboxを作成したい

該当のソースコード

<input type='number>
<div class="box"></div>

試したこと

調べたが中々求めているものがヒットしなかった

Comments

[m.ts10806]

質問は編集できますので新たに投稿し直す必要はありません。いずれか残し、削除依頼してください。
ただ、ご自身で何も調べたり試したりされてないのでしょうか？
それとも、何か試したが更に1アップを知りたいのでしょうか。
いずれにしても何も書かれてないのでこちらには分かりませんが、具体的に記載してください。
可能なら質問テンプレート使われたほうが良いです。

Answer 1

javascriptを使わずに

不可能です。

• CSSから <input type="number">の値を参照する手段がない
• CSSだけで要素の数を増やすことはできず、CSS box の数を増やす手段は ::before と ::after しかないので任意の数の CSS box を足すことはできない