Hello
How would I get a link break between Enquiry and Booking on my form:
http://www.coolkidsparty.com/contact-us/
How would I get a link break between Enquiry and Booking on my form:
http://www.coolkidsparty.com/contact-us/
- Code: Select all
<cms:form action='' method='post' id='contact_form'>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="contactreason">Are you making an enquiry or booking?</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='radio' name='contactreason' opt_values='Enquiry=enquiry | Booking=booking' opt_selected='n' required='1' />
<cms:if k_error_contactreason>
<p id='contactreason_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Enter your reason for contacting us?</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="firstname">First Name</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='text' name='firstname' id='firstname' required='1' />
<cms:if k_error_firstname>
<p id='firstname_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Insert your first name</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="surname">Surname</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='text' name='surname' id='surname' required='1' />
<cms:if k_error_surname>
<p id='surname_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Insert your surname</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="email">Email Address</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='text' name='email' id='email' required='1' validator='email' />
<cms:if k_error_email>
<p id='email_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Enter a valid email address</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="telephone">Telephone (home)</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='text' name='telephone' id='telephone' required='1' />
<cms:if k_error_telephone>
<p id='telephone_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Enter a telephone number</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="mobile">Telephone (mobile)</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='text' name='mobile' id='mobile' required='1' />
<cms:if k_error_mobile>
<p id='mobile_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Enter a mobile number</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="address">Postal Address</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='textarea' name='address' id='address' required='1' style='width:100%; height: 100px;'></cms:input>
<cms:if k_error_address>
<p id='address_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Enter your postal address</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="eventdate">Event Date</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='text' name='eventdate' id='eventdate' required='1' />
<cms:if k_error_eventdate>
<p id='eventdate_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Enter the event date</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="times">Event Times</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='radio' name='times' opt_values='11am-1pm=11am-1pm | 3pm-5pm=3pm-5pm | 7pm-9pm=7pm-9pm' opt_selected='n' required='1' />
<cms:if k_error_times>
<p id='times_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Enter the event times</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="occasion">Event Occasion</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='text' name='occasion' id='occasion' required='1' />
<cms:if k_error_occasion>
<p id='occasion_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Enter the event occasion</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="birthdaychild">Name Of Birthday Child</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='text' name='birthdaychild' id='birthdaychild' required='1' />
<cms:if k_error_birthdaychild>
<p id='birthdaychild_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Enter the birthday child's name</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="birthdayage">Age Of Birthday Child</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='text' name='birthdayage' id='birthdayage' required='0' />
<cms:if k_error_birthdayage>
<p id='birthdayage_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Enter the birthday child's age</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="venueaddress">Venue Address (inc Postcode)</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='textarea' name='venueaddress' id='venueaddress' required='1' style='width:100%; height: 100px;'></cms:input>
<cms:if k_error_venueaddress>
<p id='venueaddress_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Enter your venue address</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="comments">Comments Or Further Info Required?</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='textarea' name='comments' id='comments' required='0' style='width:100%; height: 100px;'></cms:input>
<cms:if k_error_comments>
<p id='comments_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Enter your comments</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"><label for="enquirysource">How Did You Hear About Us?</label></div>
<div class="col-md-6" style="padding-bottom: 10px;"><cms:input type='text' name='enquirysource' id='enquirysource' required='1' />
<cms:if k_error_enquirysource>
<p id='enquirysource_error' class='error' style="display:block; background-color: red; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Enter how you found us?</p>
</cms:if></div>
</div>
<div class="row">
<div class="col-md-6" style="padding-bottom: 10px;"> </div>
<div class="col-md-6" style="padding-bottom: 10px;"><input type='submit' id='send_message' class="button" value='Submit' /></div>
</div>
<cms:if k_success >
<p id='mail_success' class='success' style="display:block; background-color: green; color: white; border: 1px solid #000000; padding: 3px; margin-top: 5px;">Thank you. We will get back to you as soon as possible.</p>
<cms:send_mail from=k_email_from to=k_email_to subject='Feedback from your site'>
The following is an email sent by a visitor to your site:
<cms:show k_success />
</cms:send_mail>
</cms:if>
</cms:form>