Skip to content

Instantly share code, notes, and snippets.

@ashby
Last active August 29, 2015 14:01
Show Gist options
  • Save ashby/c7832e1fbb5cd19c999b to your computer and use it in GitHub Desktop.
Save ashby/c7832e1fbb5cd19c999b to your computer and use it in GitHub Desktop.
HTML: Gravity Form Build
<div class="gf_browser_chrome gform_wrapper">
<form>
<div class="gform_heading">
<h3 class="gform_title"></h3>
<span class="gform_description"></span>
</div>
<div class="validation_error"></div>
<div class="gform_body">
<ul class="gform_fields top_label description_below">
<li class="gfield full-width gfield_error">
<label class="gfield_label"></label>
<div class="ginput_container">
<input type="text" value="" class="medium"/>
</div>
</li>
<li class="gfield">
<label class="gfield_label"></label>
<div class="ginput_container">
<input type="text" value="" class="medium"/>
</div>
</li>
<li class="gfield">
<label class="gfield_label"></label>
<div class="ginput_container">
<input type="text" value="" class="medium" />
</div>
</li>
<li class="gfield">
<label class="gfield_label"></label>
<div class="ginput_container">
<input type="text" value="" class="medium"/>
</div>
</li>
<li class="gfield">
<label class="gfield_label"></label>
<div class="ginput_container">
<input type="text" value="" class="medium"/>
</div>
</li>
<li class="gfield">
<label class="gfield_label"></label>
<div class="ginput_container">
<input type="text" value="" class="medium"/>
</div>
</li>
<li class="gfield">
<label class="gfield_label"></label>
<div class="gfield_description"></div>
<div class="ginput_container">
<input type="text" value="" class="medium"/>
</div>
</li>
<li class="gfield">
<label class="gfield_label"></label>
<div class="ginput_container">
<input type="text" value="" class="medium"/>
</div>
</li>
<li class="gfield">
<label class="gfield_label"></label>
<select class="medium gfield_select">
<option value="First Choice">Select...</option>
<option value="Second Choice" >Second Choice</option>
<option value="Third Choice">Third Choice</option>
</select>
</li>
<li class="gfield" id="zip-code">
<label class="gfield_label"></label>
<div class="ginput_container">
<input type="text" value="" class="medium"/>
</div>
</li>
<li class="gfield full-width-radio">
<label class="gfield_label"></label>
<div class="ginput_container">
<ul class="gfield_radio">
<li>
<input type="radio" value="First Choice"/>
<label></label>
</li>
<li>
<input type="radio" value="First Choice"/>
<label></label>
</li>
</ul>
</div>
</li>
<li class="gfield">
<label class="gfield_label"></label>
<div class="ginput_container">
<input type="text" value="" class="medium"/>
</div>
</li>
<li class="gfield">
<label class="gfield_label"></label>
<div class="ginput_container">
<input type="text" value="" class="medium"/>
</div>
</li>
<li class="gfield gsection">
<h2 class="gsection_title"></h2>
</li>
<li class="gfield half-width-radio">
<label class="gfield_label"></label>
<div class="ginput_container">
<ul class="gfield_radio">
<li>
<input type="radio" value="First Choice"/>
<label></label>
</li>
<li>
<input type="radio" value="First Choice"/>
<label></label>
</li>
<li>
<input type="radio" value="First Choice"/>
<label></label>
</li>
<li>
<input type="radio" value="First Choice"/>
<label></label>
</li>
<li>
<input type="radio" value="First Choice"/>
<label></label>
</li>
<li>
<input type="radio" value="First Choice"/>
<label></label>
</li>
</ul>
</div>
</li>
<li class="gfield">
<label class="gfield_label"></label>
<div class="gfield_description">Optional.</div>
<div class="ginput_container">
<textarea class="textarea medium" rows="10" cols="50"></textarea>
</div>
</li>
<li class="gfield gsection">
<h2 class="gsection_title"></h2>
</li>
<li class="gfield full-width-checkbox">
<div class="ginput_container">
<ul class="gfield_checkbox">
<li>
<input type="checkbox" value="First Choice" />
<label></label>
</li>
</ul>
</div>
</li>
<li class="gfield">
<div class="captcha"><img src="/assets/img/temp/captcha.jpg"/></div>
</li>
<li class="gfield gsection">
<h2 class="gsection_title"></h2>
</li>
</ul>
</div><!--/.gform_body-->
<div class="gform_footer top_label">
<input type="submit" class="button gform_button" value="Submit"/>
<button type="button" class="btn btn-default" id="reset-form">Reset</button>
</div><!--/.gform_footer-->
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment