| 1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- <section id="form" data-transition="slide">
- <header data-back="home button" data-title="Form Elements"></header>
- <article class="list scroll">
- <ul>
- <li class="contrast">
- <input type="search" placeholder="type your search" />
- <a href="#" class="button theme" data-icon="search"></a>
- </li>
- <li>
- <label>Example of text</label>
- <input type="text" placeholder="type your name" />
- </li>
- <li>
- <label>Example of textarea</label>
- <textarea placeholder="type your name"></textarea>
- </li>
- <li>
- <label>Example of select</label>
- <label class="select">
- <select class="custom">
- <option value="1">One</option>
- <option value="2">Two</option>
- <option value="3">Three</option>
- </select>
- </label>
- </li>
- <li class="padding">
- <label>Do you like Lungo forms?</label>
- <label class="checkbox right"><input type="checkbox" id="checkbox-0" checked/></label>
- </li>
- <li class="padding">
- <label>Example of progress</label>
- <div id="progress-normal" data-progress="25%"></div>
- </li>
- <li>
- <label>Example of range</label>
- <input type="range" placeholder="type your name" />
- </li>
- </ul>
- </article>
- </section>
|