HTML - Need Help Creating Form In Html! Please Help
Hello all. I am new to this forum and really need some help creating a form. I am trying to help a friend out for a Charity Golf Tournament. I have some of the code completed already and cant figure out a few things.
Basically the form I have created already has a drop down box for Golfers 1-4. I need help creating the rest of the form so when a person selects (from the drop down) either 1,2,3,or 4, then the form will display golfer information fields such as Golfer Name, Address, Email, Phone # only for the amount of golfers selected. ( I need the golfer information piece to be dependant on how many golfers are selected, etc) any help would be greatly appreciated. Here is the HTML code I have so far. (this is very basic) Here is what trhe current code produces: And here is the code: <th colspan="2" scope="row"> <table width="80%" border="0" cellspacing="0" cellpadding="5"> <tr> <th colspan="2" bgcolor="#3a4876" scope="row">This will be the Golf 2009 Page........ =)<p align="left"> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 1. Number of Golfers</td><td width="50%" valign="center"> <Select NAME="#3a4876"> <Option Value="1">1 <Option Value="2">2 <Option Value="3">3 <Option Value="4">4 </Select> </td> </tr> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 2. Golfer Name 1</td><td width="50%" valign="center"> <INPUT TYPE="text" NAME="f3002" maxlength="255" value="" size="20"> </td> </tr> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 3. Golfer Name 2</td><td width="50%" valign="center"> <INPUT TYPE="text" NAME="f3003" maxlength="255" value="" size="20"> </td> </tr> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 4. Golfer Name 3</td><td width="50%" valign="center"> <INPUT TYPE="text" NAME="f3004" maxlength="255" value="" size="20"> </td> </tr> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 5. Golfer Name 4</td><td width="50%" valign="center"> <INPUT TYPE="text" NAME="f3005" maxlength="255" value="" size="20"> </td> </tr> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 6. Shirt Size</td><td width="50%" valign="center"> <Select NAME="f3006"> <Option Value="S">S <Option Value="M">M <Option Value="L">L <Option Value="XL">XL <Option Value="XXL">XXL </Select> </td> </tr> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 7. Golfer Address</td><td width="50%" valign="center"> <INPUT TYPE="text" NAME="f3007" maxlength="255" value="" size="20"> </td> </tr> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 8. Golfer Phone number</td><td width="50%" valign="center"> <INPUT TYPE="text" NAME="f1001" maxlength="255" value="" size="20"> </td> </tr> </table> <center> </FORM> <INPUT TYPE="hidden" NAME="userid" VALUE="5929"> <INPUT TYPE="hidden" NAME="fno" VALUE="2"> <INPUT TYPE="hidden" NAME="wid" VALUE="5"> <INPUT TYPE="hidden" NAME="qno" VALUE="1"> </center> </form> </td> </tr></table> </td> <td width="1%" bgcolor="0033cc"> </td> </tr> <tr> <td width="1%" bgcolor="0033cc" bgcolor="0033cc" class="edge-bl" height="10"> </td> <td width="98%" bgcolor="0033cc"> </td> <td width="1%" bgcolor="0033cc" bgcolor="0033cc" class="edge-br" height="10"> </td> </tr> </table> </p> <p align="left"> </p> <p align="left"> </p> <p align="left"> </p> <p align="left"> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </th> </tr> <tr> <th width="61%" bgcolor="#3a4876" scope="row"> </th> <td width="39%" bgcolor="#3a4876"> </td></tr></table></th></tr> Similar TutorialsHello everyone I need to create a html form that after completing will generate .doc file that will be saved on client's PC. I found this -> http://www.htmlforums.com/html-xhtml...oc-103591.html but seems because it's no one's paying attention so I decided to repost the question, i tried things in above thread but they don't seem to work for me at all and i tried different browsers even, i hit submit and form resets to default values and... that's it no .doc file is generated. Any help in my case would be very appreciated, also i don't know too much outside of HTML please help me everyone i need a form with: radio buttons - where you can only choose one option some options and a submit button, i can edit it to how i want it. just put 'example' or something where i should put things. Thank you everyone in advance. I would be very greatful. yrag_football@yahoo.co.uk How I can do designed polls by myself? For example like in this site: http://easy.pro-gaming.co.il/m/inc_form.php thanks to the helpers Hey there, Say I want to create a website by myself, using my own HTML code. How would I do this? I am pretty good with HTML, and know quite alot. But when it comes to finding somewhere to place all the code, it confuses the hell out of me lol. So, a few questions. - What programme is the best for writing your code into? - Once I have saved the code in this programme, how do I upload it through the FTP? (like, where do I place it?) - Is that it, or is there more to it? Cheers guys, Preemo hey, I have problems creating a database with html can someone guide me? I am assigned to build a site for a company and i need to do a database for all their products. Hi There, I need some help creating a html cookie that collects information from a registration form I created in HTML. I then need to take that information and populate another form which is an invoice. So far I haven't been able to accomplish this on my own because I have the Regform.html, which already post info to a regform.php (this is what generates an email to me with the registration info). It is on that regform.php form they have the option to have a invoice created. Since I can't nest forms together I have to use this cookie method. The html cookies I have found online have not given me anything more then the generic cookie in which to place on someones pc. No knowledge of JS doesn't help. These are the fields below that need to link from the regform.html to the invoice.html form. I just realized that I have multiple lines on the invoice for multiple registrants but the same is not true on the regform. Even if I could get the first group of info to carry over, I could then edit the regform to add multiple registrants on the next lines. www.ahtcsonline.com/regform.html www.ahtcsonline.com/regform.php www.ahtcsonline.com/invoice.html Which Class: -drop down- Date of Class: # of Attendees: -drop down- Attendee Name: E-Mail: Company:* Address:* City:* State: -drop down- Zip:* Phone:* I am Class Vth Student and need your help in designing the html page .I need to create a webpage displaying different names with addresses.the height and width of table should be of 120 pixel.border thickness is 5 pixel.border shud be red in color and bkground shud be grey. Hi, I am new to HTML coding and I would like to create a new search box which tells if that particular item can be found or not. Lets take an example of Cash on Delivery. Now there are close to 1500 pin codes where the option of cash on delivery is available. My question is how can I create a form which accepts a pin code and gives the result if the cash on delivery is available or not. Regards, Giridhar S Hello everyone, I need to create a pre-filled form. When the user goes to the page, I want them to see the text in the form but also be able to edit it. I don't know if I'm not searching for the correct words on Google or this forum because I'm not able to find an answer on how to do this. Thanks in advance for your help! I am currently working on a form for customers to fill out and submit to my mysql database. I am having a hard time deciding how to do it. I am wanting to have the usual name, address, city, state and phone, etc.. BUT I need them to fill out up to 30 different text fields with information (seems like a lot but they will not fill out all 30 text areas). I am wondering how I should go about the 30 text areas? Is this best done with HTML or should I be looking at something else? I am pretty new to this so any help or advice would be great. I am wondering if by creating a table with 2 columns and then have 2 text areas side by side going down 15 rows would be best. Thanks in advance, Scott I've been trying to figure out how to create a drop down menu in place of the original navigation on my website. I found what I want to do I just need to know how to apply it. Here's the website with what I want to do: http://www.dynamicdrive.com/dynamici...roptabmenu.htm It's example 2. Code: <!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" xml:lang="en" lang="en"> <head> <title>|*|Doll Directory|*|</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <!-- Stylesheet --> <style type="text/css"> body { background: url(''); background-color: #FFFFFF; font-family: "Trebuchet MS"; font-size: 12px; line-height: 1.5em; color: #ffffff; letter-spacing: 1px; } #container { margin: 0 auto; border: 4px solid #FF0080; width: 722px; background-color: #FFFFFF; } #header { width: 722px; } #content { background-color: #FFFFFF; padding: 4px; width: 500px; text-align: left; margin-left: 0px; margin-top: -8px; } #sidebar { float: right; width: 212px; background-color: #FFFFFF; margin-right: 0px; margin-top: -8px; height: auto; padding: 4px; text-align: center; } #footer { clear: both; background-color: #FF0080; margin: 0px; width: 722px; height: 45px; text-align: center; } #bar { text-align: center; margin: 8px; padding: 12px; margin-left: 0px; background-color: #FF0080; margin-top: 0px; width: 700px; } a.nav:link, a.nav:visited, a.nav:active { text-decoration : none; font-family : Trebuchet MS; font-size : 10px; line-height : 12pt; text-align : center; color : #fa829a; font-weight : bold; background-color : #252525; cursor : default; text-transform : uppercase; padding : 5px; border-right : 5px solid #c15876; border-bottom : 1px dotted #7d7d7d; } a.nav:hover { color : #ffffff; background-color : #363636; border-right : 5px solid #d58fb4; border-bottom : 1px dotted #515151; } .site { font-family: Gabriola; font-size: 22px; font-weight: bold; color: #fa829a; } h1 { margin-top: 5px; text-align: left; color: #fa829a; font-family: Gabriola; font-size: 25px; font-weight: bold; padding: 5px; font-style: none; border-bottom: 1px dotted #535152; letter-spacing: 1px; } h1:first-letter { text-align: left; color: #fa829a; font-size: 25px; font-style: normal; font-weight: normal; } h2 { font-weight: bold; text-align: left; color: #fa829a; font-family: Gabriola; font-size: 18px; border-bottom: 1px dotted #8a8988; padding-bottom: 2px; margin-top: 7px; margin-bottom: 7px; } a:link,a:visited,a:active { text-decoration: none; font-family: Trebuchet MS; cursor: default; font-size: 11px; color: #fa829a; font-weight: normal; } a:hover { font-family: Trebuchet MS; font-size: 11px; text-decoration: none; color: #fa829a; background-color: white; padding: 1px; } b,strong { font-family: "Trebuchet MS"; font-size: 11px; font-weight: bold; color: #fa829a; } i,em { font-family: Gabriola; font-style: italic; font-size: 11px; color: #fa829a; } u { font-family: Gabriola; font-size: 11px; border-bottom: 1px dotted #add568; color: #fa829a; padding-bottom: 1px; text-decoration: none; } blockquote { width: 350px; margin: 8px; padding: 3px; background: #fff; border: 3px solid #413b31; cursor: default; color: #fa829a; } </style> </head> <body> <div id="container"> <!-- Header image --> <div id="header"> <img src="http://missdolldecade.awardspace.us/MDD_Banner.png" border="0" alt="" /> <div id="bar"> <div class="nav"><a href="http://missdolldecade.awardspace.us/index.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/rules.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/scores.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/round1.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/round2.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/round3.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/awards.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/judges.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/enter.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/links.html" class="nav"><font color="#FFFFFF">Home</font></a></div> </div> <!-- Sidebar --> <div id="sidebar"> <h2>Tagboard</h2> <!-- Begin ShoutMix - http://www.shoutmix.com --> <iframe title="missdolldecade" src="http://www6.shoutmix.com/?missdolldecade" width="207" height="400" frameborder="0" scrolling="auto"> <a href="http://www6.shoutmix.com/?missdolldecade">View shoutbox</a> </iframe> <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /> <!-- End ShoutMix --> </div> <!-- Main content --> <div id="content"> <h1>Updates</h1> </div> <!-- Footer --> <div id="footer"> <a href="http://missdolldecade.awardspace.us">Miss Doll Decade</a> (C) Amber Riley 2010<br> <a href="http://missdolldecade.awardspace.us/contact.html">Contact MDD</a> </div> <!-- Container End --> </div> </div> </body> </html> Hi all, Basically, I'm an amatuer at this. I have created several websites, but most of them are through templates being edited on the likes of Dreamweaver. I have been creating my template, and I have finished the banner, then all the buttons directly underneith it. I have a background colour... and now I'm up to the the area the text is supposed to go into, directly under the buttons (home, contact, forums etc). I want this to be a different colour to the background colour, and for it to just be a box, 950pix wide, and go as high/low as I want it to depending on how much text is going on that particular page. I hope you all understand what I mean... I've got a feeling there is a possibility this might be a CSS issue, but I'm not 100% sure, so I didn't know which topic to put it under. Can anyone please help me? It would be much appreciated. I have been trying to figure this out on my own for hours now (I'm the type of person who doesn't like to ask for help ) Hi, I'm a beginner with HTML and am trying to generate stationary using HTML for Outlook2007. The below is what I have for my code and the look is actually very good. However, when I tab from the subject line to the body, the cursor ends up at the beginning of my centered image. From there, the image moves when I type. What I'm looking to have happen is for the image to be static (un-movable) and the cursor to actually start positioned below the image with a left justification. Does anyone have any ideas? Tiggy <html><head><title id="ridTitle">Citrus Punch</title> <style><!-- body { font-family: Arial, Helvetica; font-size: 12pt; font-style: bold; color: #ff6633; margin-top: 25px; margin-left: 25px; } --></style> </head> <body id="ridBody" background="background2.jpg"><center><img id="ridImg" src=KeaneLogo.jpg align=bottom></center> <p></p> <b><SPAN id="_AthCaret"></SPAN></b> <p></p> </body> </html> On the top it is giving mesg: 405 Method Not Allowed. I am getting this error messege : Method Not Allowed The requested method POST is not allowed for the URL /Assessment.html. Apache/1.3.37 Server at www.supremelegal.com Port 80 Here is the full page code: Please have a look, <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <meta name="generator" content="Adobe GoLive"> <title>Assessment Form</title> </head> <body bgcolor="#ffffff"> <p><FORM action="http://www.supremelegal.com/Assessment.html" method="post" enctype="text/plain" target="_blank"> <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="4" WIDTH="90%"> <TR> <form method=POST action="http://www.supremelegal.com/cgi-bin/formmail.pl" target="_top"> <INPUT TYPE="HIDDEN" NAME="recipient" VALUE="atharatsupremelegal.com"> <INPUT TYPE="HIDDEN" NAME="subject" VALUE="WebSite Contact"> <INPUT TYPE="HIDDEN" NAME="redirect" VALUE="http://www.supremelegal.com/thanks.htm"> <INPUT TYPE="HIDDEN" NAME="required" VALUE="email,your_name"> <input type=hidden name="sort" value="through,your_name,phone,company_name,email,comments"> <TD width="30%"><DIV align="right"> <B>Fist Name:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Fist Name" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>Last Name:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Last Name" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>Address:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Address:" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>City:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="City:" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>State/Province:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="State/Province:" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>Zip code & Country:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Zip code & Country:" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>Nationality:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Nationality:" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>Date of Birth:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Date of Birth:" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>E-mail Address:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="E-mail Address:" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>Highest Level of education:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Highest Level of education:" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>Total years of education:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Total years of education:" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>Current occupation:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Current occupation:" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>Total years of full paid work experiance:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Total years of full paid work experiance:" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>English Language Proficiency:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="English Language Proficiency:" size="40"> </TD> </TR> <TR><td width="1%"></td> <TD colspan="2"> <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><input type="checkbox" name="option1" value="High"> High<br> <input type="checkbox" name="option2" value="Moderate"> Moderate<br> </font> </TD></TR> <TR> <TD width="30%"><DIV align="right"> <B>French Language Proficiency:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="French Language Proficiency:" size="40"> </TD> </TR> <TR><td width="1%"></td> <TD colspan="2"> <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><input type="checkbox" name="option1" value="High"> High<br> <input type="checkbox" name="option2" value="Moderate"> Moderate<br> </font> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>Marital Status:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Marital Status:" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>Name, age, qualification, work experiance of your partner:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Name, age, qualification, work experiance of your partner:" size="40"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>You or your partner ever worked or studied in Canada:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="You or your partner ever worked or studied in Canada:" size="20"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>You or your partner have any relative willing to sponsor you in Canada:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="You or your partner have any relative willing to sponsor you in Canada:" size="20"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>What is their legal status in Canada:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="What is their legal status in Canada:" size="20"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>Any Employer in Canada willing to sponsor you, Full Name & Address:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Any Employer in Canada willing to sponsor you, Full Name & Address:" size="20"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>Do you or your partner plan to invest funds in Canada:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Do you or your partner plan to invest funds in Canada:" size="20"> </TD> </TR> <TR> <TD width="30%"><DIV align="right"> <B>Upon immigration how much (CAD$)funds can you show:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="Upon immigration how much (CAD$)funds can you show:" size="20"> </TD> </TR> <TR> <TD> <DIV align="right"><B>How did you hear about us:</B></DIV> </TD> <TD> <INPUT type="text" name="email" size="20"> </TD> </TR> <TR> <TD> <DIV align="right"> <B>If you have any question or comments:</B> </DIV> </TD> <TD> <TEXTAREA name="comment" cols="30" wrap="virtual"rows="4"> Here is my comment... </TEXTAREA> </TD></TR> <TR> <TD> </TD> <TD> <INPUT type="submit" name="submit" value="Submit"> <INPUT type="reset" name="reset" value="Reset"> </TD></TR> </TABLE> </FORM></p> </body> </html> Please fix this for me...... I don't know how to fix this error messege...... Thank you buddy.. in advance... i am unsure of how to go about making a submitable form with the following fields that would need to be filled on by the user before submiting Name Address Telephone Room(s) To Measure Preffeed Date & Time witth appropiate room between each sectoin for allowing users to in put data into suficent sized boxes i would then need a submit button that will send all of the above infomation to a email account if anyone can help that would be great many thanks ddwwf1 Hi All, I am wondering if someone can recommnd an solution or point me in the direction i should be going. I am looking at creating a dynamic form, what i would like to do is use a drop down and depending on the dropdown selected the required fields would populate. I have attached an file to show as an example. If someone clicked on Item A they would get one set of fields to fill out. If that same person selected Item B they would get different fields to fill out ... All being mandatory.. Thanks ahead for any help or suggestions ... This is a great place to get info. I'm helping a friend build a site to sell textbooks, and the system that he's going to implement involves an "Order" page wherein you enter (or select) a five-digit class code for, say, five different classes. What I want to know how to do is, once someone has their classes all selected and hits the "order" button, that they are given an invoice for the amount of the books needed for those classes. So, essentially, I need to figure out a way to tie each of these five-digit class codes to a certain price which will be given to the customer to complete the order right there on the site. The old model had used a method wherein a list of the classes would be sent to my friend, who would then figure the cost and call the customer back with the total. I apologize if none of this is making sense. If not, please let me know what it is that's confusing so I may clarify. Hi there, I have problems in HTML coding.......in creating arithmatic operations in html. Here is the part of the code: <TD Width="22%" align="center"> <b> <FONT face="arial"> <!--variable--> </FONT> </b> </TD> <!--variable--> is a measurement numerics, let's say 2.3, it comes from a measurement sensor. The intention is to multiply <!--variable--> with a constant, let's say 2. Hence the outcome is 4.6...... How should i go about doing it? Thanks and cheers........... Hi, Im looking to make a payment form that calculates the prices as you go along, similar to this i just dont know how to go about it, is there software that can be used? thanks alot, Dan |