Search

Submit Article

If you would like to submit an article, click the button below.

Navigation

HTML Forms Are Our Friends

By: Justin Robinson, Fri Dec 9th, 2005 11:48:45 AM

This is a very short tutorial on the creation of a HTML form, that used the PHP form processor located in the PHP part of the forum. First, I'd like to explain how forms work, because it's not always as obvious as one would think. Basically, the HTML form is used to store the information into variables, such as name, email address, and comments, etcetera. These variable are then sent to something called a form processor and processed into any format you choose, they are then sent to the address mentioned in the form processor.

Once you read this tutorial you may be able to understand it a little better.

First off, let me show an example of a simply HTML form that asks the person for the name, email, and comments.

(Article continued below)

You'll notice I included some HTML tags to show you were this form would normally be found, even know most of you would already know. Let's break this down a little bit now.

This tag begins the form and tells the browser that anything after this is a form, and to recognize it as this. the Action in this form is process.php which can be found in the PHP board of the forum on my website. The action will always be the file that you wish to use to process the information on the form, so that it's readable. The method is used to POST, or place, the information from the form onto the form processor, or in this case process.php.

This is a simple text box. The type tells the HTTP that it's a text box, and the name gives the name of the variable to be stored.

This is a very simple text area where you can determine the size using the number of columns and rows.</p> <p> <input type="Submit" value="Submit"></p> <p></form></p> <p>Last but not least we have the submit button, you'll notice the type is Submit, and the value is the name you wish to place on the button. Of course, we end most tags in HTML with the exact same tag, in this case </form>.</p> <p>Good Luck Everyone :)</p> <p>About the author: Justin Robinson http://justincanada.net</p> </td> <td valign="top" width="20%"> <h1>Sign In</h1> <form name="auth" action="/authuser.php" method="post" onsubmit=" if(document.auth.username.value == '' || document.auth.password.value == '') { return false; } "> <table cellpadding="2" cellspacing="0" style="font-size: 10px; font-weight: bol d;"> <tr><td>Username:</td><td><input type="text" name="username" id="username" style="font-size: 10px; border: 1px solid #000; font-family: sans-serif; width: 100px;"></td></tr> <tr><td>Password:</td><td><input type="password" name="password" id="password" style="font-size: 10px; border: 1px solid #000; font-family: sans-serif; width: 100px;"></td></tr> <tr><td colspan="2" style="text-align: center;"><input type="submit" value="Sign In" style="font-size: 10px; font-weight: bold; border: 1px solid #000;"> <a href="/signup">No account yet?</a></td></tr> </table> </form><h1><a href="" target="_blank"></a></h1> <p></p> <ul> </ul> <br><br><center><div id="ad_code3"><script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div><br> <br></center> <div align="center"> </div></td> </tr> <tr><td align="center" colspan="3"> <a href="/"><font size="2">Home</font></a> | <a href="http://www.startuparticles.com/contact.php"><font size="2">Contact Us</font></a> | <a href="http://www.startuparticles.com/sitemap.xml"><font size="2">XML SiteMap</font></a> <br> <font size="2"><a href="http://www.startuparticles.com">Free Articles</a> © 2004 - 2008 - Information Articles</font> </td></tr> </table> </body>