Skip to content

Instantly share code, notes, and snippets.

@rizkysyazuli
Created January 14, 2013 15:48
Show Gist options
  • Save rizkysyazuli/4530948 to your computer and use it in GitHub Desktop.
Save rizkysyazuli/4530948 to your computer and use it in GitHub Desktop.
jQuery: SheepIt Form Template
<!-- jQuery SheepIt HTML Template - http://goo.gl/7VrJu -->
<!-- start: SheepIt Form -->
<div id="myform">
<!-- start: Form template-->
<div class="template" id="myform_template">
<label for="myform_#index#_name">Name <span id="myform_label"></span></label>
<input id="myform_#index#_name" name="myform_name[#index#]" type="text"/>
<div>
<a href="#" id="myform_remove_current" class="icon-remove-sign"></a>
</div>
</div>
<!-- end: Form template-->
<!-- start: No forms template -->
<div class="noforms" id="myform_noforms_template">No name</div>
<!-- end: No forms template-->
<!-- start: Controls -->
<p class="controls" id="myform_controls">
<span id="myform_add">
<a href="#" class="button radius small">Add</a>
</span>
<span id="myform_remove_last">
<a href="#" class="button radius small">Remove</a>
</span>
<span id="myform_remove_all">
<a href="#" class="button radius small">Remove All</a>
</span>
<div id="myform_add_n">
<input id="myform_add_n_input" type="text" size="4" />
<div id="myform_add_n_button">
<a href="#" class="button radius small">Add</a>
</div>
</div>
</p>
<!-- end: Controls -->
</div>
<!-- end: SheepIt Form -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment