質問: ### 前提・実現したいこと HTMLのみで「フォームを追加」ボタンを設置 そのボタンをクリックするたびに入力フォームを3つ表示したい ただし、JavaScriptなどは使わずにHTMLのみで実装したい 流れとしてはボタンクリックでPOSTで更新が行われ、すでに入力中の値は保持したまま、フォームのみ追加で表示する形
回答: ``と``のコンビネーションで不可能ではないですね。 サンプル https://jsfiddle.net/f61uz7be/ ``` フォームを追加 1 フォームを追加 2 フォームを追加 3 フォームを追加 4 フォームを追加 5 ``` ``` label { border: 1px solid #000; padding: 5px; border-radius: 5px; cursor: pointer; } input[type=checkbox] , input[type=checkbox]:checked + label , input[type=checkbox]:not(:checked) + label + p input , input[type=checkbox]:not(:checked) + label + p + input[type=checkbox] + label { display: none; } ``` ただ他の方もおっしゃる通り、「なぜJavaScriptを使いたくないのか」を言っていただくと、もっといい選択肢を提示できると思います。