Required / not required field:

To specifie a required field you need to add the class "required" to the field and specifie the "type" (text, email, url, number ...) attribute if want a specific rule of validation.
example:

<div class="block_element_form"> 
  <label for="your_required_field" class="label_text">Your required field<span class="required_sign">*</span></label>
  <input id="your_required_field" name="your_required_field" class="required shadow" type="text"/>
</div>

To specifie a non required field just add a classic field.
example:

<div class="block_element_form"> 
  <label for="your_field" class="label_text">Your field</label>
  <input id="your_field" name="your_field" class="shadow" type="text"/>
</div>

Add a Text field:

For in "block" template:

<div class="block_element_form"> 
  <label for="your_field" class="label_text">Your field</label>
  <input id="your_field" name="your_field" class="shadow" type="text"/>
</div>

For in "inline" template:

<tr class="block_element_form">
  <td class="align_right"> 
    <label for="your_field" class="label_text">Your field</label>
  </td>
  <td class="align_left">
    <input id="your_field" name="your_field" class="shadow" type="text"/>
  </td>
</tr>

Add a email field:

For in "block" template:

<div class="block_element_form"> 
  <label for="your_field" class="label_text">Your field</label>
  <input id="your_field" name="your_field" class="shadow" type="email"/>
</div>

For in "inline" template:

<tr class="block_element_form">
  <td class="align_right"> 
    <label for="your_field" class="label_text">Your field</label>
  </td>
  <td class="align_left">
    <input id="your_field" name="your_field" class="shadow" type="email"/>
  </td>
</tr>

Add a number field:

For in "block" template:

<div class="block_element_form"> 
  <label for="your_field" class="label_text">Your field</label>
  <input id="your_field" name="your_field" class="shadow" type="number"/>
</div>

For in "inline" template:

<tr class="block_element_form">
  <td class="align_right"> 
    <label for="your_field" class="label_text">Your field</label>
  </td>
  <td class="align_left">
    <input id="your_field" name="your_field" class="shadow" type="number"/>
  </td>
</tr>

Add a url field:

For in "block" template:

<div class="block_element_form"> 
  <label for="your_field" class="label_text">Your field</label>
  <input id="your_field" name="your_field" class="shadow" type="url"/>
</div>

For in "inline" template:

<tr class="block_element_form">
  <td class="align_right"> 
    <label for="your_field" class="label_text">Your field</label>
  </td>
  <td class="align_left">
    <input id="your_field" name="your_field" class="shadow" type="url"/>
  </td>
</tr>

Add a date field:

IMPORTANT: for the date field the ID of each element must be unique.
For in "block" template:
For in "block" template:

<div class="block_element_form"> 
  <label for="your_field" class="label_text">Your field</label>
  <input id="your_field" name="your_field" class="shadow datepicker" type="date" style="width:80px"/>
</div>

For in "inline" template:

<tr class="block_element_form">
  <td class="align_right"> 
    <label for="your_field" class="label_text">Your field</label>
  </td>
  <td class="align_left">
    <input id="your_field" name="your_field" class="shadow datepicker" type="date" style="width:80px"/>
  </td>
</tr>

Add a listbox field:

For in "block" template:

<div class="block_element_form"> 
   <label for="your_field" class="label_text">Your field</label>
   <select id="your_field" name="your_field" class="shadow" style="height:35px;">
       <option value="1">value 1</option>
       <option value="2">value 2</option>
   </select>
</div>

For in "inline" template:

<tr class="block_element_form">
  <td class="align_right"> 
    <label for="your_field" class="label_text">Your field</label>
  </td>
  <td class="align_left">
    <select id="your_field" name="your_field" class="shadow" style="height:35px;">
       <option value="1">value 1</option>
       <option value="2">value 2</option>
    </select>
  </td>
</tr>

Add a listbox mutlichoice field:

For in "block" template:

<div class="block_element_form"> 
   <label for="your_field" class="label_text">Your field</label>
   <select id="your_field" name="your_field[]" class="required shadow select_multi" multiple="multiple" size="2">
       <option value="1">value 1</option>
       <option value="2">value 2</option>
   </select>
</div>

For in "inline" template:

<tr class="block_element_form">
  <td class="align_right"> 
    <label for="your_field" class="label_text">Your field</label>
  </td>
  <td class="align_left">
    <select id="your_field" name="your_field[]" class="required shadow select_multi" multiple="multiple" size="2">
       <option value="1">value 1</option>
       <option value="2">value 2</option>
    </select>
  </td>
</tr>

Add a checkbox button set field:

IMPORTANT: for the checkbox button set the ID of each element must be unique.
For in "block" template:

<div class="block_element_form"> 
   <label for="your_field" class="label_text">Your field</label>
   <fieldset class="radioSet">
        <input type="checkbox" id="check-1" name="your_field[]" value="1" validate="required:true" /><label for="check-1">value 1</label>
        <input type="checkbox" id="check-2" name="your_field[]" value="2" /><label for="check-2">value 2</label>
   </fieldset>
</div>
the attribute validate="required:true" spĂȘcifies that this checkbox button set is required (the synthax is not the same that for other element).

For in "inline" template:

<tr class="block_element_form">
  <td class="align_right"> 
    <label for="your_field" class="label_text">Your field</label>
  </td>
  <td class="align_left">
    <fieldset class="radioSet">
        <input type="checkbox" id="check-1" name="your_field[]" value="1" validate="required:true" /><label for="check-1">value 1</label>
        <input type="checkbox" id="check-2" name="your_field[]" value="2" /><label for="check-2">value 2</label>
     </fieldset>
  </td>
</tr>

Add a radio button set field:

IMPORTANT: for the radio button set the ID of each element must be unique.
For in "block" template:

<div class="block_element_form"> 
   <label for="your_field" class="label_text">Your field</label>
   <fieldset class="radioSet">
        <input type="radio" id="radio1" name="your_field" value="1" validate="required:true" /><label for="radio1">value 1</label>
        <input type="radio" id="radio2" name="your_field" value="2" /><label for="radio2">value 2</label>
        <input type="radio" id="radio3" name="your_field" value="3" /><label for="radio3">value 3</label>
   </fieldset>
</div>
the attribute validate="required:true" spĂȘcifies that this checkbox button set is required (the synthax is not the same that for other element).

For in "inline" template:

<tr class="block_element_form">
  <td class="align_right"> 
    <label for="your_field" class="label_text">Your field</label>
  </td>
  <td class="align_left">
     <fieldset class="radioSet">
        <input type="radio" id="radio1" name="your_field" value="1" validate="required:true" /><label for="radio1">value 1</label>
        <input type="radio" id="radio2" name="your_field" value="2" /><label for="radio2">value 2</label>
        <input type="radio" id="radio3" name="your_field" value="3" /><label for="radio3">value 3</label>
     </fieldset>
  </td>
</tr>

Add a radio Textarea field:

For in "block" template:

<div class="block_element_form"> 
   <label for="your_field" class="label_text">Your field</label>
   <textarea id="your_field" name="your_field" class="shadow" minlength="2" ></textarea>
</div>
the attribute validate="required:true" spĂȘcifies that this checkbox button set is required (the synthax is not the same that for other element).

For in "inline" template:

<tr class="block_element_form">
  <td class="align_right"> 
    <label for="your_field" class="label_text">Your field</label>
  </td>
  <td class="align_left">
    <textarea id="your_field" name="your_field" class="shadow" minlength="2" ></textarea>
  </td>
</tr>