Forms

Make sure the input name="" is the same as the label for="". Include required in the class="" if you want that field to be required for form submission. The fields class is what styles the inputs. The datepicker, addresspicker, and timepicker all rely on jQuery scripts, do not change anything with regards to these three fields. The form action="" needs to be the path to the .txt file you have created and placed in one of your site's folders. That file is what will get emailed out when the form is submitted. These files rely on being transcribed through your cgi-bin. If you are not sure what your path would be, contact ITS. The form method needs to be post and the form id needs to be Form in order for the form validation to work. The value="" in the form submit is the url users will be directed to after they have successful submitted the form. Enter the full path of the page you are sending people to after completing the form.

<form action="https://www.uwo.ca/cgi-bin/cgiemail/pvp/cascade/strategic_planning/strategy.txt" method="post" class="formcontrol" id="Form"> 
<p><span class="red">*</span> = required fields</p> 
<ul> 
<li> 
<label for="name">Event organizer (Name and Contact):</label><span class="red">*</span> 
</li> 
<li> 
<input name="name" type="text" size="60" class="fields required" maxlength="100" /> 
</li> 
<li> 
<label for="email">Email:</label><span class="red">*</span> 
</li> 
<li> 
<input name="email" type="email" class="fields required"/> 
</li> 
<li> 
<label for="event-title">Name of Event:</label><span class="red">*</span> 
</li> 
<li> 
<input name="event-title" type="text" size="60" maxlength="100" class="fields required" />
</li> 
<li> 
<label for="datepicker">Event Date:</label><span class="red">*</span> 
</li> 
<li> 
<input name="datepicker" id="datepicker" type="text" class="fields"/> 
</li> 
<li> 
<label for="addresspicker">Venue Address:</label><span class="red">*</span> 
</li> 
<li> 
<input id="addresspicker" name="addresspicker" type="text" value="" class="fields required"/> 
</li> 
<li> 
<label for="timepicker">President's Arrival Time:</label><span class="red">*</span> 
</li> 
<li> 
<input id="timepicker" name="timepicker" value="" type="text" class="fields required" /> 
</li> 
<li> 
<label for="combobox">Expected Length of Remarks or Speech</label><span class="red">*</span> 
</li> 
<li> 
<select id="combobox" name="combobox" class="fields"> 
<option value="">Select one...</option> 
<option value="30minutes">30 minutes</option> 
<option value="1hour">1 hour</option> 
<option value="1hour30minutes">1 hour 30 minutes</option> 
<option value="2hours">2 hours</option> 
</select> 
</li> 
<li> 
<label for="other">Other important background information about event that should be mentioned:</label><span class="red">*</span> 
</li> 
<li> 
<textarea name="other" cols="80" rows="7" class="fields required" ></textarea> 
</li> 
<li> 
<input name="submit" type="submit" class="fields" value="submit" /> 
<input name="success" value="http://president.uwo.ca/strategic_planning/form_success.html" type="hidden" /> 
</li> 
</ul> 
</form> 

*  = required fields

  •   *
  •   *
  •   *
  •   *
  •   *
  •   *
  •   *
  •      
  •   *

Example .txt file that will be emailed to you  
IMPORTANT :  What is inside the brackets needs to be the same as the name="" of the input and the label="" of the label from when you set up the form

From: mrexample@uwo.ca <<< this is your email 
To: [email] <<< this is their email 
Subject: Registration form received <<< this is what you want to show in the subject of the email 

Thank you for your interest! <<< any text you want to include 

Your request has been submitted. 

Please take the time to review your submission details: 

Name: [name] 
Email: [email] 
Phone: [phone] 
Address: [address]