Lungo.js/examples/kitchen-sink/app/resources/sections/form.html

<section id="form" data-transition="slide">
    <header data-title="Form Elements">
        <nav class="button">
            <a href="#back" data-target="section" data-label="back"></a>
        </nav>
    </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>