Can someone please explain to me where do the <from></form> tags go?

Dev Shed Forums Sponsor:

September 7th, 2012, 12:00 AM

zxcvbnm

A Change of Season

Join Date: Mar 2004

Posts: 1,599

Time spent in forums: 2 Weeks 5 Days 18 m 22 sec
Reputation Power: 70

Can someone please explain to me where do the <from></form> tags go?

Hello;
In a page with multiple forms in it, where do the form tags go anyways? Thanks
For example:

Code:

<html>
	<body>
		
        <table>
        	<tr>
            	<td><form action="1" >
                </td>
                <td>Name:<input type="text" />
                </td>
                <td>Email:<input type="text" />
                </td>
                <td><input type="submit" />
                </td>
                 <td></form>
                </td>
             </tr>
        </table>
        </form>
        <table>
        <form action="2">
        	<table>
                <tr>
                    <td>Name:<input type="text" />
                    </td>
                    <td>Email:<input type="text" />
                    </td>
                    <td><input type="submit" />
                    </td>
                 </tr>
             </table>
          </form>
		</table>
        <div id="form3">
        	<form action="3">
            	 Name:<input type="text" />
                    Email:<input type="text" />
                   <input type="submit" />
             </form>
        </div>
	</body>	
</html>

September 7th, 2012, 11:15 AM

paulh1983

Contributing User

Join Date: Dec 2004

Posts: 2,234

Time spent in forums: 2 Weeks 1 Day 10 h 54 m 39 sec
Reputation Power: 201

if you have multiple forms, then treat them all as separate!

Code:

<form>

</form>

.....


<form>

</form>

....

etc

September 7th, 2012, 04:14 PM

catsmiley

Registered User

Join Date: Sep 2012

Posts: 1

Time spent in forums: 5 m 33 sec
Reputation Power: 0

Hello

As per me the <form> tags must be place whereever you want to create a form for the website but make sure that the tag must be closed where is form is getting completed.

September 7th, 2012, 05:17 PM

zxcvbnm

A Change of Season

Join Date: Mar 2004

Posts: 1,599

Time spent in forums: 2 Weeks 5 Days 18 m 22 sec
Reputation Power: 70

Thank you for replies. But I need more details.

An example on a page with 4 forms in it.

Thanks

September 7th, 2012, 06:42 PM

DonR

Contributing User

Join Date: Oct 2009

Posts: 464

Folding Points: 29722 Folding Title: Starter Folder

Time spent in forums: 2 Weeks 2 Days 30 m 33 sec
Reputation Power: 216

it appears that these 2 ways are correct

Code:

<!-- using table with form -->
        <table style="border-collapse:collapse;">
        	<tr>
            	<td>
                  <form action="1">
                       Name:<input type="text" /><br />
                       Email:<input type="text" /><br />   
                       <input type="submit" />
                 </form>
                </td>
             </tr>
        </table>
        
<!-- using div with form -->
        <div id="form3">
        	<form action="3">
            	 Name:<input type="text" /><br />
                 Email:<input type="text" /><br />
                 <input type="submit" />
             </form>
        </div>

remove the <br /> if you don't want each input on new line.

September 8th, 2012, 03:57 AM

Nanomech

Contributing User

Join Date: Aug 2011

Location: The Pleiades

Posts: 196

Time spent in forums: 1 Day 23 h 53 m 4 sec
Reputation Power: 7

Code:

<form action="action_file.php" method="post" name="testform1">
<fieldset>
<legend>Name of Form</legend>
   <p><label for="name">Name:</label><input type="text" name="username" id="name" /></p>
<p><label for="name">Name:</label><input type="text" name="username" id="name" /></p>
</fieldset>
</form>

Then style all the separate elements in the CSS file.

Regards,

Nanomech.

September 9th, 2012, 03:45 PM

BuildMyWeb

buildmyweb.org

Join Date: May 2012

Location: NY

Posts: 58

Time spent in forums: 6 h 17 m 7 sec
Reputation Power: 7

i agree with DonR on using a table for layout. however, i code using CSS floats. so my form is more like this:

Code:

<form id="" action="" method="post">
<div class="form_txt">First Name</div>     <div class="form_input"><input type='text' name='f_name' /></div> 
</form>

in my external css, each div is given set width and floated left. so it functions like a table.

__________________
Freelance Web Developer | Web Hosting |
PHP Applications
Web Development, Hosting, Graphic Design, SEO

Can someone please explain to me where do the <from></form> tags go?

Developer Shed Advertisers and Affiliates