.. include:: ../../Includes.txt


Form
^^^^

::

   <form id="t3-generated-1" class="t3-form" method="POST">
       <div class="t3-form-container">

           <!-- FIELDSET -->
           <fieldset class="t3-form-fieldset">
               <legend>Contact Information</legend>

               <!-- INPUT FIELD -->
               <div class="t3-form-item">
                   <label class="t3-form-item-label" for="t3-component-1">First Name</label>
                   <div class="t3-form-element">
                       <input id="t3-component-1" class="t3-form-text t3-form-field" type="text" name="tx_extension[text_example]" size="20"/>
                   </div>
                   <div class="t3-form-clear-left"/>
               </div>

               <!-- CHECKBOX FIELD -->
               <div class="t3-form-item">
                   <div class="t3-form-element">
                       <div class="t3-form-check-wrap">
                           <input id="t3-component-2" class="t3-form-checkbox t3-form-field" type="checkbox" name="tx_extension[checkbox_example]"/>
                           <label class="t3-form-checkbox-label" for="t3-component-2">Item 1</label>
                       </div>
                       </div>
                   <div class="t3-form-clear-left"/>
               </div>

               <!-- RADIO FIELD -->
               <div class="t3-form-item">
                   <label class="t3-form-item-label" for="t3-component-3"/>
                   <div class="t3-form-element">
                       <div class="t3-form-check-wrap">
                           <input id="t3-component-3" class="t3-form-radio t3-form-field" type="radio" name="tx_extension[radio_example]" value="1"/>
                           <label id="t3-component-3" class="t3-form-checkbox-label" for="t3-component-3">Item 1</label>
                       </div>
                   </div>
                   <div class="t3-form-clear-left"/>
               </div>

               <!-- SELECT FIELD -->
               <div class="t3-form-item">
                   <label class="t3-form-item-label" for="t3-component-4">First Name</label>
                   <div class="t3-form-element">
                       <select id="t3-component-4" class="t3-form-select t3-form-field">
                           <option value="1">Item 1</option>
                       </select>
                   </div>
                   <div class="t3-form-clear-left"/>
               </div>

               <!-- TEXTAREA FIELD -->
               <div class="t3-form-item">
                   <label for="t3-component-5">Address</label>
                   <div class="t3-form-element">
                       <textarea id="t3-component-5" class="t3-form-textarea t3-form-field" name="tx_extension[textarea_example]"/>
                   </div>
                   <div class="t3-form-clear-left"/>
               </div>

               <div id="t3-generated-26" class="t3-form-clear"/>
               </fieldset>

           <!-- BUTTONS -->
           <div class="t3-form-buttons-container">
               <div class="t3-form-buttons t3-form-buttons-center">
                   <button id="t3-generated-x" class="t3-button-text t3-button" type="submit">TEXT</button>
                   <div class="t3-clear"/>
               </div>
           </div>
       </div>
   </form>