| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <section id="form" data-transition="slide">
- <header data-title="Form Elements">
- <nav class="box">
- <a href="#back" data-router="section" data-label="back"></a>
- </nav>
- </header>
- <article class="active scroll">
- <form class="margined">
- <input type="search" placeholder="type your search" />
- <a href="#" class="button theme" data-icon="search"></a>
- <div class="six columns">
- <label>Address</label>
- <input type="text" placeholder="placeholder"/>
- </div>
- <div class="three columns right">
- <label>Pin Code</label>
- <input type="password" value="value" disabled/>
- </div>
- <textarea></textarea>
- <label>Select your skill</label>
- <label class="select">
- <select class="custom">
- <option value="1">HTML5 Jedi</option>
- <option value="2">Two</option>
- <option value="3">Three</option>
- </select>
- </label>
- <label>Progress of project</label>
- <div id="progress-normal" data-progress="25%"></div>
- <label>Range 50%</label>
- <input type="range" placeholder="type your name" />
- <div class="one row">
- <input type="range" min="0" max="1" class="checkbox left" value="0">
- <input type="range" min="0" max="1" class="checkbox right active" value="1">
- </div>
- <div class="four columns s">
- <a href="#" class="button anchosr accept" data-label="Accept" data-icon="check"></a>
- </div>
- <div class="four columns s">
- <a href="#" class="button anchsor cancel" data-label="Cancel" data-icon="close"></a>
- </div>
- </form>
- </article>
- </section>
|