Skip to content

Instantly share code, notes, and snippets.

@phpfunk

phpfunk/barley-form.html

Last active December 20, 2015 00:09
Show Gist options
  • Save phpfunk/6039245 to your computer and use it in GitHub Desktop.
Save phpfunk/6039245 to your computer and use it in GitHub Desktop.
Download ZIP
A quick sample form that can be used within Barley.
Raw
barley-form.html
<div id="barley-form">
<input type="hidden" name="to" id="to" value="youremail@yourdomain.com" />
<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="jane@smithco.com (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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment