Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html><div class="container">
            <header class="codrops-header">
                <h1>Minimal Form</h1>   
            </header>
            <section>
                <form id="theForm" class="simform" autocomplete="off">
                    <div class="simform-inner">
                        <ol class="questions">
                            <li>
                                <span><label for="q1">What's your favorite movie?</label></span>
                                <input id="q1" name="q1" type="text"/>
                            </li>
                            <li>
                                <span><label for="q2">Where do you live?</label></span>
                                <input id="q2" name="q2" type="text"/>
                            </li>
                            <li>
                                <span><label for="q3">What time do you go to work?</label></span>
                                <input id="q3" name="q3" type="text"/>
                            </li>
                            <li>
                                <span><label for="q4">How do you like your veggies?</label></span>
                                <input id="q4" name="q4" type="text"/>
                            </li>
                            <li>
                                <span><label for="q5">What book inspires you?</label></span>
                                <input id="q5" name="q5" type="text"/>
                            </li>
                            <li>
                                <span><label for="q6">What's your profession?</label></span>
                                <input id="q6" name="q6" type="text"/>
                            </li>
                        </ol><!-- /questions -->
                        <button class="submit" type="submit">Send answers</button>
                        <div class="controls">
                            <button class="next fa fa long-arrow-right"></button>
          
            
                            <div class="progress"></div>
                            <span class="number">
                                <span class="number-current"></span>
                                <span class="number-total"></span>
                            </span>
                            <span class="error-message"></span>
                        </div><!-- / controls -->
                    </div><!-- /simform-inner -->
                    <span class="final-message"></span>
<!-- /simform -->           
            </section>
        
        </div>
<head>
<script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
​
</body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers