Fancybox iframe form

[themistral]

Hi guys,

 

I'm not very good with jquery so need a bit of help.

 

I've got it all working OK except for the fact that everytime I try to click into a form field using the mouse, it focuses back on the first field.

 

You can see what I mean here http://bit.ly/QPIA6s

 

Any help would be gratefully appreciated!

[jazzman1]

It's a html problem, you're missing to close a html label tag.

 

Try,

<form method="post" action="/plugins/fancybox/source/bookings.php">
	<label>Show:</label>
	<select name="show">
		<option value="Tiptoe Through The Tombstones">Tiptoe Through the Tombstones</option>
	</select><br>
	<label>Performance:</label>
	<select name="performance">
		<option value="27th">Thursday 27th Sept 2012 - 8pm</option>
		<option value="28th">Friday 28th Sept 2012 - 8pm</option>
		<option value="29th">Saturday 29th Sept 2012 - 8pm</option>
	</select><br>
	<label>Number of tickets:</label>
	<select name="number_of_tickets">
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
		<option value="6">6</option>
		<option value="7">7</option>
		<option value="8">8</option>
		<option value="9">9</option>
		<option value="10">10</option>
		<option value="10+">More than 10</option>
	</select><br>
	<input name="first_name" placeholder="First name" type="text" /><br>
	<input name="last_name" placeholder="Last name" type="text" /><br>
	<input name="email" placeholder="Email address" type="" /><br>
	<input name="email_confirm" placeholder="Confirm your email address" type="" /><br>
	<input name="phone_number" placeholder="Contact phone number" type=""/><br>
	<button type="submit" name="sub_booking" value="send">Send</button>
    </form>