Div's in Forms - Form not working

58 views
Skip to first unread message

Brandon Martin

unread,
Dec 1, 2008, 11:29:51 AM12/1/08
to bluepr...@googlegroups.com
I need some help please. I am trying to get this form to work. Submit
and Reset buttons are not working. If I remove the div's from the form
it works fine, but I want it is displayed the way I want it right now. I
pasted the code that I am using can someone help me with this.

Thanks

<div class="container">
<div class="span-9">

<form id="test" action="" method="post">

<h2>Personal Information</h2>

<p><label>Name:</label><br />
<input type="text" class="text" name="test" id="test0"
value="Name"></p>

<p><label>Email Address:</label><br />
<input type="text" class="text" name="test" id="test1"
value="Email Address"></p>

<p><label>Phone Number:</label><br />
<input type="text" class="text" name="test" id="test2"
value="Phone Number"></p>

<p><label>Best time to contact you?</label><br>
<input type="checkbox" style="background-color:#002f2f;">
<label>Daytime</label>
<input type="checkbox"style="background-color:#002f2f;">
<label>Evening</label>

</div>
<div class="span-12 push-1 last">

<h2>Questions / Comments</h2>

<textarea name="test" id="test3" rows="5"
cols="20"></textarea></p>

<p align="right"><input type="submit" value="Submit">
<input type="reset" value="Reset"></p>

</form>

</div>
</div>

Christian Montoya

unread,
Dec 1, 2008, 11:42:55 AM12/1/08
to bluepr...@googlegroups.com
On Mon, Dec 1, 2008 at 11:29 AM, Brandon Martin <bma...@cu3edweb.com> wrote:
>
> I need some help please. I am trying to get this form to work. Submit
> and Reset buttons are not working. If I remove the div's from the form
> it works fine, but I want it is displayed the way I want it right now. I
> pasted the code that I am using can someone help me with this.

Your HTML is out of order. You can't do this:

<div>
<form>
</div>
</form>

Do this:

<form>
<div>
</div>
</form>

I.E. put the form around the whole set of divs, or start & end the
columns entirely inside the form. Also, you can make the form the
container.

<form class="container">
<div class="column">
</div>
</form>

--
--
Christian Montoya
christianmontoya.net

Reply all
Reply to author
Forward
0 new messages