A quick sample form that can be used within Barley.

barley-form.html

<div id="barley-form">
    <input type="hidden" name="to" id="to" value="[email protected]" />
    <input type="hidden" name="subject" id="to" value="Contact Form Submission" />
    <input type="hidden" name="response_success" id="response_success" value="Thanks, we got it!" />
    <input type="hidden" name="response_error" id="response_error" value="Sorry Chap, please try again." />

    <div class="row collapse">
        <div class="three columns"><label class="inline">Your Name:*</label></div>
        <div class="nine columns"><input type="text" id="name" placeholder="Jane Smith (required)" data-required="true" /></div>
    </div>

    <div class="row collapse">
        <div class="three columns"><label class="inline">Your Email:*</label></div>
        <div class="nine columns"><input type="text" id="email" placeholder="[email protected] (required)" data-required="true" /></div>
    </div>

    <div class="row collapse">
        <div class="three columns"><label class="inline">Your Phone:</label></div>
        <div class="nine columns"><input type="text" name="phone" placeholder="555-555-1234" /></div>
    </div>

    <div class="divider twelve columns"> </div>

    <div class="row collapse">
        <div class="three columns"><label class="inline">Request Type:</label></div>
        <div class="nine columns">
            <select name="request_type">
                <option value=""></option>
                <option value="Project Inquiry">Project Inquiry</option>
                <option value="Support">Support</option>
                <option value="Other">Other</option>
            </select>
        </div>
    </div>

    <div class="row collapse">
        <div class="three columns"><label class="inline">Best Time to Contact:</label></div>
        <div class="nine columns">
            <input type="radio" name="contact_time" value="Morning" />Morning
            <input type="radio" name="contact_time" value="Afternoon" />Afternoon
            <input type="radio" name="contact_time" value="Evening" />Evening
        </div>
    </div>


    <div class="row collapse">
        <div class="three columns"><label class="inline">Foods You Enjoy:</label></div>
        <div class="nine columns">
            <input type="checkbox" id="food_turkey_sandwich" value="Turkey Sandwich" />Turkey Sandwich
            <input type="checkbox" id="food_ham_sandwich" value="Ham Sandwich" />Ham Sandwich
            <input type="checkbox" id="food_bacon" value="Bacon" />Bacon
        </div>
    </div>

    <div class="row collapse">
        <div class="three columns"><label class="inline">Message:</label></div>
        <div class="nine columns"><textarea rows="6"></textarea></div>
    </div>

    <div class="row collapse">
        <div class="three columns"></div>
        <div class="nine columns"><input type="button" value="Submit Form" id="barley-submit" class="button" /></div>
    </div>

    <div id="barley-form-message" style="display:none;"></div>
</div>