I was browsing around the internet and created this consensus form. the layout and everything is as I want it.What Id Like to do is when the user clicks the submit button I would like the contents of the form to be sent to an email for example somemail#mail.com
Can anyone help me please.This would be very useful to me. Thank you
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>GoodJob - BadJob - Tenerife</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
</head>
<body id="main_body" >
<img id="top" src="top.png" alt="">
<div id="form_container">
<h1><a>Good - Bad - hmm</a></h1>
<form id="form_1136056" class="appnitro" method="post" action="">
<div class="form_description">
<h2>GoodJob - BadJob - Tenerife</h2>
<p>It's Anonymous. Keep the information REAL. Don't make things up. If anything is EVER going to change, it needs to be REAL information. This form will be sent to an email address and will then be posted Anonymously on Facebook for you.</p>
</div>
<ul >
<li id="li_1" >
<label class="description" for="element_1">What is the Alias you want to use </label>
<div>
<input id="element_1" name="element_1" class="element text medium" type="text" maxlength="255" value=""/>
</div><p class="guidelines" id="guide_1"><small>You don't have to use your real name - Just remember your Alias for Facebook Comments</small></p>
</li> <li id="li_8" >
<label class="description" for="element_8">Is this about a ...... </label>
<span>
<input id="element_8_1" name="element_8" class="element radio" type="radio" value="1" />
<label class="choice" for="element_8_1">Bad job</label>
<input id="element_8_2" name="element_8" class="element radio" type="radio" value="2" />
<label class="choice" for="element_8_2">Good Job</label>
</span>
</li> <li id="li_6" >
<label class="description" for="element_6">What is the name of the workplace you want to tell us about? </label>
<div>
<input id="element_6" name="element_6" class="element text medium" type="text" maxlength="255" value=""/>
</div><p class="guidelines" id="guide_6"><small>Type in the Name of the Business</small></p>
</li> <li id="li_16" >
<label class="description" for="element_16">Where is this Business Located? </label>
<div>
<input id="element_16" name="element_16" class="element text medium" type="text" maxlength="255" value=""/>
</div><p class="guidelines" id="guide_16"><small>Type in the town, or you can find the business on google maps and click on share and copy the link and paste it here.</small></p>
</li> <li id="li_7" >
<label class="description" for="element_7">If you want to mention the bosses name, Put it here. </label>
<div>
<input id="element_7" name="element_7" class="element text medium" type="text" maxlength="255" value=""/>
</div><p class="guidelines" id="guide_7"><small>Type in the Name of the Boss</small></p>
</li> <li id="li_15" >
<label class="description" for="element_15">If you know the personal facebook page you can copy and paste it in here </label>
<div>
<input id="element_15" name="element_15" class="element text large" type="text" maxlength="255" value=""/>
</div><p class="guidelines" id="guide_15"><small>Go to the top address bar of the boss/owner you want to tag for this post. Select all the text and paste it in the box.</small></p>
</li> <li id="li_9" >
<label class="description" for="element_9">How many hours a week do you work? </label>
<span>
<input id="element_9_1" name="element_9" class="element radio" type="radio" value="1" />
<label class="choice" for="element_9_1">1 to 10</label>
<input id="element_9_2" name="element_9" class="element radio" type="radio" value="2" />
<label class="choice" for="element_9_2">10 to 20</label>
<input id="element_9_3" name="element_9" class="element radio" type="radio" value="3" />
<label class="choice" for="element_9_3">20 to 30</label>
<input id="element_9_4" name="element_9" class="element radio" type="radio" value="4" />
<label class="choice" for="element_9_4">30 to 40</label>
<input id="element_9_5" name="element_9" class="element radio" type="radio" value="5" />
<label class="choice" for="element_9_5">40 to 50</label>
<input id="element_9_6" name="element_9" class="element radio" type="radio" value="6" />
<label class="choice" for="element_9_6">50 hours Plus</label>
</span><p class="guidelines" id="guide_9"><small>Keep it REAL. </small></p>
</li> <li id="li_18" >
<label class="description" for="element_18">Exactly how many hours do you work? </label>
<div>
<input id="element_18" name="element_18" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_11" >
<label class="description" for="element_11">Does your Job Pay Extra Hours? </label>
<span>
<input id="element_11_1" name="element_11" class="element radio" type="radio" value="1" />
<label class="choice" for="element_11_1">Yes</label>
<input id="element_11_2" name="element_11" class="element radio" type="radio" value="2" />
<label class="choice" for="element_11_2">No</label>
</span>
</li> <li id="li_10" >
<label class="description" for="element_10">What type of contract do you have? </label>
<span>
<input id="element_10_1" name="element_10" class="element radio" type="radio" value="1" />
<label class="choice" for="element_10_1">Part Time</label>
<input id="element_10_2" name="element_10" class="element radio" type="radio" value="2" />
<label class="choice" for="element_10_2">Full Time</label>
<input id="element_10_3" name="element_10" class="element radio" type="radio" value="3" />
<label class="choice" for="element_10_3">Hourly per week</label>
<input id="element_10_4" name="element_10" class="element radio" type="radio" value="4" />
<label class="choice" for="element_10_4">Dont know</label>
</span><p class="guidelines" id="guide_10"><small>DON'T GUESS..This is crucial. Every worker MUST have a copy of their contract. If you don't have one ask your boss or go to the Employment office (SEPE) with ALL your credentials and they will tell you there what contract you have.</small></p>
</li> <li id="li_12" >
<label class="description" for="element_12">Did you get Holiday pay? </label>
<span>
<input id="element_12_1" name="element_12" class="element radio" type="radio" value="1" />
<label class="choice" for="element_12_1">Yes</label>
<input id="element_12_2" name="element_12" class="element radio" type="radio" value="2" />
<label class="choice" for="element_12_2">No</label>
</span>
</li> <li id="li_17" >
<label class="description" for="element_17">How much holiday pay did you get? </label>
<div>
<input id="element_17" name="element_17" class="element text medium" type="text" maxlength="255" value=""/>
</div><p class="guidelines" id="guide_17"><small>A NUMBER ONLY no symbols or text</small></p>
</li> <li id="li_13" >
<label class="description" for="element_13">Did you know That there are actually 14 months in a Spanish working year? </label>
<span>
<input id="element_13_1" name="element_13" class="element radio" type="radio" value="1" />
<label class="choice" for="element_13_1">Yes</label>
<input id="element_13_2" name="element_13" class="element radio" type="radio" value="2" />
<label class="choice" for="element_13_2">No</label>
</span><p class="guidelines" id="guide_13"><small>Its true, In Spain ins a 14 month pay scheme, where you get a double pay in summer and another Christmas. Most employers will actually incorporate these two payments within your monthly wage...Meaning you get less :)</small></p>
</li> <li id="li_14" >
<label class="description" for="element_14">Got a story to tell about this Job? Bad or good - let it rip here!</label>
<div>
<textarea id="element_14" name="element_14" class="element textarea large"></textarea>
</div>
</li>
<li class="buttons">
<input type="hidden" name="form_id" value="1136056" />
<input id="saveForm" class="button_text" type="submit" name="Submit" value="Submit" />
</li>
</ul>
</form>
<div id="footer">
Copyright Goodjob-BadJob - Visit the facebook page CLICK HERE
</div>
</div>
<img id="bottom" src="bottom.png" alt="">
</body>
</html>
Use php.redirect the action to the php file in your server. example mail.php
<form method="post" action="mail.php">
and in the php file use these
<?php
$element1 = $_POST['element_1'];
$element8 = $_POST['element_8'];
$element6 = $_POST['element_6'];
$formcontent="From: $element1 \n Message: Is this about a $element81, Where is this Business Located? element6, blah blah blah";
$recipient = "youremail#email.com";
$subject = "Contact Form";
$mailheader = "From: $element1 \r\n";
mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
echo "<script type='text/javascript'>alert('Mail sent successfully!')</script>";
?>
and add fields from your form. i just added some. edit the formcontent message as you want.
Add to the action mailto:youremailaddress.com
For your example --
form id="form_1136056" class="appnitro" method='post' action='mailto:youremailaddres.whatever?Subject=whatever' ENCTYPE="text/plain"
Related
I'm trying to make a simple utility for my FAQ sections on a website. so far I have come up with a simple form that has 5 questions and 5 answers, and I am trying to grab the variables from each text box and insert them into the FAQ schema text, but I just can't figure it out.
This is what I have so far. I have tried using {} and #{} but it just displays them as text. I have written this already in PowerShell with winforms, but I find PowerShell much easier to use.
<!DOCTYPE html>
<html>
<head>
<title>Output Tag</title>
</head>
<body>
<p>FAQ Schema Creator</p>
<form onInput='faq.value="[sc_fs_multi_faq headline-1=\"h4\" question-1=\"q1.value\" answer-1=\"a1.value\" headline-2=\"h4\" question-2=\"a2.value\" answer-2=\"\" headline-3=\"h4\" question-3=\"\" answer-3=\"\" headline-4=\"h4\" question-4=\"\" answer-4=\"\" headline-5=\"h4\" question-5=\"\" answer-5=\"\" \"count=\"5\" html=\"true\" css_class=\"\"]"'>
<label for="fname">Question 1:</label>
<input type="text" id="q1" name="q1">
<label for="lname">Answer 1:</label>
<input type="text" id="a1" name="a1"><br>
<br>
<label for="fname">Question 2:</label>
<input type="text" id="q2" name="q2">
<label for="lname">Answer 2:</label>
<input type="text" id="a2" name="a2"><br>
<br>
<label for="fname">Question 3:</label>
<input type="text" id="q3" name="q3">
<label for="lname">Answer 3:</label>
<input type="text" id="a3" name="a3"><br>
<br>
<label for="fname">Question 4:</label>
<input type="text" id="q4" name="q4">
<label for="lname">Answer 4:</label>
<input type="text" id="a4" name="a4"><br>
<br>
<label for="fname">Question 5:</label>
<input type="text" id="q5" name="q5">
<label for="lname">Answer 5:</label>
<input type="text" id="a5" name="a5"><br><br>
Output is:<br><output name="faq"></output>
</form>
</body>
</html>
Try separating the string from the formvalues by replacing question-1="q1.value" with question-1=""+q1.value+"". Note the extra "+ and +". Like so:
<!DOCTYPE html>
<html>
<head>
<title>Output Tag</title>
</head>
<body>
<p>FAQ Schema Creator</p>
<form onInput='faq.value="[sc_fs_multi_faq headline-1=\"h4\" question-1=\""+q1.value+"\" answer-1=\""+a1.value+"\" headline-2=\"h4\" question-2=\""+a2.value+"\" answer-2=\"\" headline-3=\"h4\" question-3=\"\" answer-3=\"\" headline-4=\"h4\" question-4=\"\" answer-4=\"\" headline-5=\"h4\" question-5=\"\" answer-5=\"\" \"count=\"5\" html=\"true\" css_class=\"\"]"'>
<label for="fname">Question 1:</label>
<input type="text" id="q1" name="q1">
<label for="lname">Answer 1:</label>
<input type="text" id="a1" name="a1"><br>
<br>
<label for="fname">Question 2:</label>
<input type="text" id="q2" name="q2">
<label for="lname">Answer 2:</label>
<input type="text" id="a2" name="a2"><br>
<br>
<label for="fname">Question 3:</label>
<input type="text" id="q3" name="q3">
<label for="lname">Answer 3:</label>
<input type="text" id="a3" name="a3"><br>
<br>
<label for="fname">Question 4:</label>
<input type="text" id="q4" name="q4">
<label for="lname">Answer 4:</label>
<input type="text" id="a4" name="a4"><br>
<br>
<label for="fname">Question 5:</label>
<input type="text" id="q5" name="q5">
<label for="lname">Answer 5:</label>
<input type="text" id="a5" name="a5"><br><br>
Output is:<br><output name="faq"></output>
</form>
</body>
</html>
I want to set up checkboxes side-by-side to visually represent something. It looks fine on my site but falls apart when trying to resize or on an iPad. I'm probably making a silly mistake but I would appreciate any corrections to my code.
http://www.bootply.com/1a5yzjMAGp
<div class="col-md-6">
<div class="col md-6">
<div class="checkbox checkbox-primary">
<input id="checkbox1" type="checkbox" disabled="disabled" />
<label for="checkbox1">
Art
</label>
</div>
<div class="checkbox checkbox-success">
<input id="checkbox1" type="checkbox" disabled="disabled" checked="checked" />
<label for="checkbox2">
Drama
</label>
</div>
<div class="checkbox checkbox-success">
<input id="checkbox1" type="checkbox" disabled="disabled" checked="checked" />
<label for="checkbox3">
Foods and Nutrition
</label>
</div>
<div class="checkbox checkbox-success">
<input id="checkbox1" type="checkbox" disabled="disabled" checked="checked" />
<label for="checkbox4">
Geography
</label>
</div>
<div class="checkbox checkbox-success">
<input id="checkbox1" type="checkbox" disabled="disabled" checked="checked" />
<label for="checkbox5">
Industrial Arts/Shop Programs
</label>
</div>
</div>
</div>
<div class="col md-6">
<div class="checkbox checkbox-success">
<input id="checkbox1" type="checkbox" disabled="disabled" />
<label for="checkbox6">
Math
</label>
</div>
<div class="checkbox checkbox-success">
<input id="checkbox1" type="checkbox" disabled="disabled" />
<label for="checkbox6">
Music
</label>
</div>
<div class="checkbox checkbox-success">
<input id="checkbox1" type="checkbox" disabled="disabled" checked="checked" />
<label for="checkbox6">
Technology
</label>
</div>
<div class="checkbox checkbox-success">
<input id="checkbox1" type="checkbox" disabled="disabled" />
<label for="checkbox6">
Science
</label>
</div>
<div class="checkbox checkbox-success">
<input id="checkbox1" type="checkbox" disabled="disabled" />
<label for="checkbox6">
Physical Education/Health
</label>
</div>
</div>
You can try giving the div with class checkbox the following properties:
.checkbox {
width:250px;
float:left;
}
You can play around with width to make it fit to you needs.
Here's the fiddle: JSBIN
I have the following form code in the nav bar:
<form id="form">
<p>
<label for="textarea"></label>
<textarea name="textarea" id="textarea" cols="100" rows="5">
Post here
</textarea>
<input id="button" type="submit" value="Submit!" name="submit" onclick = "get('textfield')"/>
</p>
<p>
<input type="radio" name="radio" id="radio-1" />
<label for="radio-1">Section 1</label>
<input type="radio" name="radio" id="radio-2" />
<label for="radio-2">Section 2</label>
<input type="radio" name="radio" id="radio-3" />
<label for="radio-3">Section 3</label>
<input type="radio" name="radio" id="radio-4" />
<label for="radio-4">Section 4</label>
<input type="radio" name="radio" id="radio-5" />
<label for="radio-5">Section 5</label>
<input type="radio" name="radio" id="radio-6" />
<label for="radio-6">Section 6</label>
</p>
</form>
And in the main body within the webpage,I have 6 sections. What I am trying to achieve is if I select one of the radio buttons, write something in the text area and click submit, it should appear within the selected section. So If write hello world and mark section 5, hello world should appear under section 5.
Is there any naive way of achieving this purely in HTML5? If there isn't, can anyone point to any tutorials/links or offer any suggestions?
Thanks in advance!
try to use this Example
<p>
<label for="textarea"></label>
<textarea name="textarea" id="textarea" cols="100" rows="5"></textarea>
<input id="button" type="submit" value="Submit!" name="submit"
</p>
<p>
<input type="radio" name="radio" id="radio-1" />
<label for="radio-1">Section 1</label>
<input type="radio" name="radio" id="radio-2" />
<label for="radio-2">Section 2</label>
<input type="radio" name="radio" id="radio-3" />
<label for="radio-3">Section 3</label>
<input type="radio" name="radio" id="radio-4" />
<label for="radio-4">Section 4</label>
<input type="radio" name="radio" id="radio-5" />
<label for="radio-5">Section 5</label>
<input type="radio" name="radio" id="radio-6" />
<label for="radio-6">Section 6</label>
</p>
<ul>
<li><section id="radio-1"></section></li>
<li><section id="radio-2"></section></li>
<li><section id="radio-3"></section></li>
<li><section id="radio-4"></section></li>
<li><section id="radio-5"></section></li>
<li><section id="radio-6"></section></li>
</ul
JS
$(function () {
$("#button").click(function(){
var txt = $("#textarea").val();
if(txt.length > 0)
{
var id = $("input[type='radio']:checked").attr("id");
$("li section").text("");
$("li #"+id).text(txt);
}
});
});
for solve this you better use simplejavascript code in your form that do this operation with id of radio buttons
I'm new to Yahoo small business web hosting. I created a HTML contact-us form as shown below -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Form</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
</head>
<body id="main_body" >
<img id="top" src="top.png" alt="">
<div id="form_container">
<h1><a>Untitled Form</a></h1>
<form id="form_774248" class="appnitro" method="post" action="">
<div class="form_description">
<h2>Untitled Form</h2>
<p>This is your form description. Click here to edit.</p>
</div>
<ul >
<li id="li_1" >
<label class="description" for="element_1">Name </label>
<span>
<input id="element_1_1" name= "element_1_1" class="element text" maxlength="255" size="8" value=""/>
<label>First</label>
</span>
<span>
<input id="element_1_2" name= "element_1_2" class="element text" maxlength="255" size="14" value=""/>
<label>Last</label>
</span>
</li> <li id="li_2" >
<label class="description" for="element_2">Phone </label>
<span>
<input id="element_2_1" name="element_2_1" class="element text" size="3" maxlength="3" value="" type="text"> -
<label for="element_2_1">(###)</label>
</span>
<span>
<input id="element_2_2" name="element_2_2" class="element text" size="3" maxlength="3" value="" type="text"> -
<label for="element_2_2">###</label>
</span>
<span>
<input id="element_2_3" name="element_2_3" class="element text" size="4" maxlength="4" value="" type="text">
<label for="element_2_3">####</label>
</span>
</li> <li id="li_3" >
<label class="description" for="element_3">Address </label>
<div>
<input id="element_3_1" name="element_3_1" class="element text large" value="" type="text">
<label for="element_3_1">Street Address</label>
</div>
<div>
<input id="element_3_2" name="element_3_2" class="element text large" value="" type="text">
<label for="element_3_2">Address Line 2</label>
</div>
<div class="left">
<input id="element_3_3" name="element_3_3" class="element text medium" value="" type="text">
<label for="element_3_3">City</label>
</div>
<div class="right">
<input id="element_3_4" name="element_3_4" class="element text medium" value="" type="text">
<label for="element_3_4">State / Province / Region</label>
</div>
<div class="left">
<input id="element_3_5" name="element_3_5" class="element text medium" maxlength="15" value="" type="text">
<label for="element_3_5">Postal / Zip Code</label>
</div>
<div class="right">
<select class="element select medium" id="element_3_6" name="element_3_6">
<label for="element_3_6">Country</label>
</div>
</li>
<li class="buttons">
<input type="hidden" name="form_id" value="774248" />
<input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
</li>
</ul>
</form>
<div id="footer">
Generated by pForm
</div>
</div>
<img id="bottom" src="bottom.png" alt="">
</body>
</html>
I tried <form action="MAILTO:test#test.com" method="post" enctype="text/plain">, but nothing worked.
Now, I want to send an email to test#test.com which contains all the details of the fields in the website. Should I use PHP or can I do it directly. How can I do this.
This requires a script to act as a handler and sender of the email.
Like this one: http://www.tectite.com/formmailpage.php
HTML/JavaScript cannot send out email directly.
The mail() delivery method and the SMTP protocol still need a handler such as FormMail, above. The handler will use SMTP through mail() usually, in PHP.
That handler would be your form action= and depending on the handler you use, you will need to use specific input field names to have everything sent properly.
If You are working Locally then you must setup SMTP. it may help You Click Here
I have a very annoying issue. My website has a form, which works in Firefox but not in IE or Chrome. It's made with Gravity Forms for WordPress, but that has probably nothing to do with the issue since the same issue occured with another form plugin. It seems that the error is in my site.
It's fairly simple: Chrome and IE do not render the tag. It's just completely missing from the DOM. Firefox is fine, form works and all. I checked in Chrome's debugger, it's just not there!
What could possibly be a reason for that? I checked for things such as typos, nothing there. Can't really show you the website, it's behind a VPN.
Any help is greatly appreciated.
Kind regards,
Reinder
EDIT:
To be clear, the form is rendered on screen, it's just not visible in the DOM. The actual result of this is that the form cannot be submitted, it redirects to the site frontpage without posting any data. The source code is the same, both in Chrome and FF.
<div id="middle">
<h2 class="uitgelicht">Partner aanvraag</h2>
<div id="uitgelicht" class="shadow" style="margin-top: 0">
<div class="uitgelicht-item">
<div class='gform_wrapper' id='gform_wrapper_1'>
<form method='post' enctype='multipart/form-data' id='gform_1' class='' action='http://afastennisclassics.nl/partner-aanvraag/'>
<div class='gform_heading'>
<h3 class='gform_title'>Partner Aanvraag</h3>
<span class='gform_description'></span>
</div>
<div class='gform_body'>
<ul id='gform_fields_1' class='gform_fields top_label'>
<li id='field_1_1' class='gfield'>
<label class='gfield_label'>
Selecteer hieronder waarin u geïnteresseerd bent.<span class='gfield_required'>*</span>
</label>
<div class='ginput_container'>
<ul class='gfield_checkbox' id='input_1_1'>
<li class='gchoice_1_1'>
<input name='input_1.1' type='checkbox' value='Hospitality Ruimte' id='choice_1_1' tabindex='1' />
<label for='choice_1_1'>
Hospitality Ruimte
</label>
</li>
<li class='gchoice_1_2'>
<input name='input_1.2' type='checkbox' value='VIP-loge' id='choice_1_2' tabindex='2' />
<label for='choice_1_2'>
VIP-loge
</label>
</li>
<li class='gchoice_1_3'>
<input name='input_1.3' type='checkbox' value='VIP-business seat passe-partout' id='choice_1_3' tabindex='3' />
<label for='choice_1_3'>
VIP-business seat passe-partout
</label>
</li>
<li class='gchoice_1_4'>
<input name='input_1.4' type='checkbox' value='Promotiestand' id='choice_1_4' tabindex='4' />
<label for='choice_1_4'>
Promotiestand
</label>
</li>
<li class='gchoice_1_5'>
<input name='input_1.5' type='checkbox' value='Advertentie programmaboek' id='choice_1_5' tabindex='5' />
<label for='choice_1_5'>
Advertentie programmaboek
</label>
</li>
</ul>
</div>
</li>
<li id='field_1_2' class='gfield'>
<label class='gfield_label' for='input_1_2'>
Bedrijfsnaam<span class='gfield_required'>*</span>
</label>
<div class='ginput_container'>
<input name='input_2' id='input_1_2' type='text' value='' class='medium' tabindex='6' />
</div>
</li>
<li id='field_1_3' class='gfield'>
<label class='gfield_label' for='input_1_3'>
Contactpersoon<span class='gfield_required'>*</span>
</label>
<div class='ginput_container'>
<input name='input_3' id='input_1_3' type='text' value='' class='medium' tabindex='7' />
</div>
</li>
<li id='field_1_4' class='gfield'>
<label class='gfield_label' for='input_1_4'>
Straat<span class='gfield_required'>*</span>
</label>
<div class='ginput_container'>
<input name='input_4' id='input_1_4' type='text' value='' class='medium' tabindex='8' />
</div>
</li>
<li id='field_1_12' class='gfield'>
<label class='gfield_label' for='input_1_12'>
Huisnummer<span class='gfield_required'>*</span>
</label>
<div class='ginput_container'>
<input name='input_12' id='input_1_12' type='text' value='' class='small' tabindex='9' />
</div>
</li>
<li id='field_1_6' class='gfield'>
<label class='gfield_label' for='input_1_6'>
Postcode<span class='gfield_required'>*</span>
</label>
<div class='ginput_container'>
<input name='input_6' id='input_1_6' type='text' value='' class='medium' maxlength='6' tabindex='10' />
</div>
</li>
<li id='field_1_7' class='gfield'>
<label class='gfield_label' for='input_1_7'>
Woonplaats<span class='gfield_required'>*</span>
</label>
<div class='ginput_container'>
<input name='input_7' id='input_1_7' type='text' value='' class='medium' tabindex='11' />
</div>
</li>
<li id='field_1_8' class='gfield'>
<label class='gfield_label' for='input_1_8'>
Telefoon<span class='gfield_required'>*</span>
</label>
<div class='ginput_container'>
<input name='input_8' id='input_1_8' type='text' value='' class='medium' tabindex='12' />
</div>
</li>
<li id='field_1_9' class='gfield'>
<label class='gfield_label' for='input_1_9'>
Fax
</label>
<div class='ginput_container'>
<input name='input_9' id='input_1_9' type='text' value='' class='medium' tabindex='13' />
</div>
</li>
<li id='field_1_10' class='gfield'>
<label class='gfield_label' for='input_1_10'>
E-mail<span class='gfield_required'>*</span>
</label>
<div class='ginput_container'>
<input name='input_10' id='input_1_10' type='text' value='' class='medium' tabindex='14' />
</div>
</li>
<li id='field_1_11' class='gfield'>
<label class='gfield_label' for='input_1_11'>
Opmerkingen
</label>
<div class='ginput_container'>
<textarea name='input_11' id='input_1_11' class='textarea medium' tabindex='15' rows='10' cols='50'>
</textarea>
</div>
</li>
</ul>
</div>
<div class='gform_footer top_label'>
<input type='submit' id='gform_submit_button_1' class='button gform_button' value='Versturen' tabindex='16' /><input type='hidden' class='gform_hidden' name='is_submit_1' value='1' /><input type='hidden' class='gform_hidden' name='gform_submit' value='1' /><input type='hidden' class='gform_hidden' name='gform_unique_id' value='4d9232a629d23' /><input type='hidden' class='gform_hidden' name='state_1' value='YToyOntpOjA7czo2OiJhOjA6e30iO2k6MTtzOjMyOiIwN2YwYmQxNTkyNWFkN2MwZjBkMjZkZjk3YjYzNjc3YiI7fQ==' /><input type='hidden' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' /><input type='hidden' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' /><input type='hidden' name='gform_field_values' value='' />
</div>
</form>
</div><!-- Terug //--><span class="social">Tweet
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
<iframe src="http://www.facebook.com/plugins/like.php?href=www.afastennisclassics.nl&layout=button_count&show_faces=false&width=100&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:0px; overflow:hidden; width: 110px; height:21px; margin-bottom:-1px;" allowTransparency="true">
</iframe>
</span>
</div>
</div>
<br clear="both" />
Apparently there was another not-closed on the page, the searchbox missed a > . Chrome doesn't like that.