A Pen by Will Pracht on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="form"> | |
<h2>Multi Page Form (Pure CSS)</h2> | |
<p>Divide long forms, enable users to flick back and forward.</p> | |
<p>Use JS to validate form at the end of the stage and highlight tab(s) that contain(s) error.</p> | |
<input id="one" type="radio" name="stage" checked="checked" /> | |
<input id="two" type="radio" name="stage" /> | |
<input id="three" type="radio" name="stage" /> | |
<input id="four" type="radio" name="stage" /> | |
<input id="five" type="radio" name="stage" /> |
OlderNewer