HTML - Help With Form Coding
I am in the process of creating a website and on the front page, i wish to have a small riddle or question, in which people will need to type in the "password answer" and press the submit button and be redirected to the website proper.
This is the coding i have so far, and i am sure that it is something simple i have missed, but i just cannot see what. I can get the redirection to work without the password, or i can put the password on properly but the redirect doesn't work..... Quote: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>My Website</title><link href="main.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#000000"> <div class"introbnr"> <div id="introbnr1"> <img src="../Banners/introbnr.jpg" border="0"/> </div> <p align="center"><font color="#FFFFFF">_________________</p> <form method="POST" action=""> <input answer="________________" type="password"/><br /> <input type="button" value="Enter" onclick="document.location = 'intro.php' ;"> </form> </body> </html> Similar TutorialsHi, I'm new to the forums, so if this is in the wrong place i apologize. I've been thrown into the fire at work to develop some of the website and I'm absolutely stuck on one of my forms. It's submitting name, email and a couple checkboxes. I need the script to verify that the fields are not blank, the email field is a valid address, and the checkboxes are checked. Any ideas? <body> <script> function Do_it() { if(document.Form1.FirstName.value == "") { errormessage += "\n\nPlease fill out your first name."; } if(document.Form1.LastName.value == "") { errormessage += "\n\nPlease fill out your last name."; } if(document.Form1.email.value == "") { errormessage += "\n\nPlease fill out your email address."; } if(document.Form1.checkbox1.value == "") { errormessage += "\n\nPlease verify you are 13 or older."; } if(document.Form1.checkbox2.value == "") { errormessage += "\n\nPlease verify you have read and agree to the Privacy Policy."; } } return false; else return true; } </script> <div id="Layer1"> <div align="center"><img src="bg.jpg" width="800" height="600" /> </div> <div id="Layer13"> <form action="feedback.php" method="post" name="Form1" onSubmit="return Do_it()"> <table width="100%" height="100%" border="0" cellpadding="5" cellspacing="2" style="width: 445px; height: 100%;"> <tr> <td nowrap="nowrap"><div align="right"> First Name:</div></td> <td><input class="dsR2" type="text" name="FirstName" size="43" /></td> </tr> <tr> <td nowrap="nowrap"><div align="right"> Last Name:</div></td> <td><input class="dsR3" type="text" name="LastName" size="43" /></td> </tr> <tr> <td nowrap="nowrap"><div align="right"> E-mail:</div></td> <td><input class="dsR4" type="text" name="email" size="43" /></td> </tr> <tr> <td nowrap="nowrap"><div align="right"> <input class="dsR1" type="checkbox" name="checkbox1" /> </div></td> <td> I am over 13 years of age. </td> </tr> <tr> <td nowrap="nowrap"><div align="right"> <input class="dsR1" type="checkbox" name="checkbox2" /> </div></td> <td>I read and agree to the <a href="terms.html" target="_blank">Privacy Policy </a></td> </tr> <tr> <td colspan="2" nowrap="nowrap"><div align="center"> <p> <input name="submit" type="submit" class="dsR1" value="Submit" /> </p> </div></td> </tr> <tr> <td colspan="2" valign="top"><div align="center"><span class="style1"> </span> <div id="Layer3"> <div align="center"><span class="style2">We respect your privacy and understand the value of protecting personally identifiable information, we pledge not to sell any personally identifiable information to any third party</span>.</div> </div> </div></td> </tr> </table> </form> </div> </body> I installed the simple points system to my phpbb3 forum Im trying too add to that mod and put a box in the viewtopic page so i can edit members points easily. I tried getting the code from the acp and putting that in the viewtopic file but no luck. The box comes up but when i type a amount and click submit it just seems to refresh the page and doesnt change the points amount. Heres a code i made up from the ACP: HTML Code: <form id="user_profile" method="post" action="{U_ACTION}"> <input id="points" type="text" name="points" value="{POINTS}" /> <input class="button1" type="submit" name="update" value="{L_SUBMIT}" /></form> Heres the mod link: http://www.phpbb.com/community/viewt...?f=70&t=543803 I hope you can understand and help . I just want a amount box and submit button below the avatar in the viewtopic file so when i type a amount in the box and click submit the amount of points will change. I have tried the mod creator and the phpbb community for help but ive got nothing that helps. Thanks in advanced. Hello! I've checked my coding and found that my coding is correct, no margins on top of the page, but when I copy and paste a form code, it causes a top margin to appear, please see the coding, it's this page http://www.autoattireparts.com/freestuffform.html Can anyone tell me what's wrong with it? The form works, just need the top header to be flush with the top of the page. Thanks! Skattered Pictures Hello, I am trying to create a page with a link that opens on a new page. This link will have an iframe to display another website. What I then want to do is have a pop over appear that will take me back to the original page. Is this possible and if so how would I code this. Oh and another thing. The first page will redirect itself after 10 secs. So this is what I want: Page A has a link that will open Page B Page A will redirect to another page after ten secs Page B will display a pop over when you click the pop over it will take you back to page A instead of opening a new page or changing to the link within page B. I hope this makes sense. So I all I need to know is how to make the pop over go back to page A. Thanks I work for a hospital and we are moving into a new building. The employees want me to put a simple countdown "ticker" on our intranet. The move is in a few months. Any one know code to create a date countdown? Hello Everyone: I created a page in HTML and added javascript. I want it to have a search function.I have created a form which is basically a textfield and a "submit button".The "submit button" is meant to display web pages in a new window when I type in particular keywords into the textfield next to the "submit button" on the website.I have written the codes below so far and it is not working.I would appreciate it if you guyz can help me out.The webpage is not online just incase you guyz need to know.Thanks very much <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="Javascript" type="text/javascript"> var keywords = "transistor Google Microsoft ipod " function gothere(placetogo) { if( keyWords.search(placetogo) == -1) { alert(placetogo+"is not an accepted keyword" ) } else { document.location = "C:\Documents and Settings\Teeboi\My Documents\Memorial University\WebPages" + placetogo + ".html" } } </script> <title>DESIGN CONCEPT</title> </head> <body bgcolor="#B0B0B0"> <form name="myForm"> <input type="textfield" name="searchtext" value="transistor" /> <input type="button" name="thebutton" value="Submit" onclick="javascript:gothere(document.myForm.searchtext.value)" /> </form> </body> </html> My site PLEASE READ ENTIRE THING! Some stuff I'm saying may be hard to express in typing, so use my link above to get a better picture. I need some coding help for website........Right now, if I want to post an article one of my journalists submitted, I have to go in and edit each page individually, the article doesn't just show up.....How do I make it so when someone submits an article, it gets posted on the front page, in the news and events section, and in my archives? For the front page, I want my two latest articles up there with a photo and a small description with a "more info" link that brings you to the actual article. For the news and events page, I want the latest article on the left hand side with a photo, a description, a title and the link, with the 2 previous articles on the right with all of that but no photo. For the archives page, I just want all the articles for that month in order, with the latest being on top, with a title, a description, and a link. At this website: http://sungbc.org/missions.php I liked how they made it so that the different people could be clicked on and a new mini-page would load on the page. Does anybody know how to do that Hey Everyone, I need to set up some kind of html form which provides people with a registration ID, or number of sorts. The application of this kind of system would be so that if I had people registering for a conference, they could receive a committee assignment immediately. I'd appreciate any responses helping me. Thanks Guys (and ladies!) Bromo8824 im having some trouble with putting stuff in the middle of my site because whenever i put something in the middle it moves my left nav bar down if you go here u can see what im talking about right now im using kompozer to make the site http://www.freewebs.com/zxgamerreviews/test22.html Hello all! Cool place here and I hope with lots of experts. I have a n html template for a mod on my site and I cannot for the life of me figure out how to get it how I want. Basically what I want to do is remove the leftside images and move the titles on the right into its spot. I will post an image of what I am talkiking about and the code. Remove what is circled in red and put the tiles on the right into its spot. HTML Code: <div class="quick_links_elink" style="background-color: white;"> <div class="lcont_top"> <div id="lcont_img__unit_id__" style="left: 0px; position: left;"> <a href="__category_url__" class="main_l"> <img style="top:10px; max-height:16px;" alt="" src="__category_cover_image__" width="50px"/> </a> </div> <div id="js_control_section0__unit_id__" style="padding-left: 5px;"> <a href="__category_url__" class="main_l"> __category_name__ </a> </div> <div class="js_control_section" id="js_control_section__unit_id__" title="Show / Hide" bximg="lcont_img__unit_id__" bxchild="lcont_other__unit_id__" style="background-position: 0px -17px;"></div> </div> <div class="quick_links_elink_lcont" id="lcont_other__unit_id__" style="display: none; top:40px; background-color: white;"> <a href="__category_url__" class="main_l"> <img alt="" src="__category_cover_image__" style="top:50px; width:80px; max-height:40px;"/> </a> <div class="lcont_other" > __sub_categories_list__ <div class="clear_both"></div> </div> </div> <script type="text/javascript"> var oShowHideController__unit_id__ = new ShowHideController(); $("#js_control_section__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle(this) } ); /*$("#js_control_section0__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle("#js_control_section__unit_id__") } );*/ </script> </div> THANKS in advance! Hey guys, i am very very new to html and i designed and coded www.e-smartonline.com for myself, i know the way i made the html was not good, i have trouble with the links cause everything is pushing them cause of the way i coded it.. lol. I was wondering if someone can fix my booboo? fix the links left and right so that it works well. thanks a lot guys! Hello, okay, so here's what i want to do: I want to create multiple dropdown boxes, and then have options inside the dropdown boxes have various values or attributes assigned to them, and then after all the options have been selected, then compare the various attributes of each option against each other, i'd like to compare it back against a spreadsheet of some sort, that would be easiest for managing the data and the various attributes, is it possible to check attributes of a dropdown selection on a spreadsheet of some sort? if so, how would that be done? if not, how else could the desired effect be achieved? Any body got any tips on what to use to code to develope aa forum. I have been doing basic coding and want to know if anybody has any ideas or tips or is html the wrong system to code in? I am a newbie to this html thing but I have a task that is a little complicated that I need to do often. I want to be able to work with a design like in the attached. Can someone send me a sample of coding that will make a similar to this? I do not want to use tables because I was told that tables are not a very good way to lay out something with pictures and text. The coding does not have to be complete - just the bare minimum to do the job. I do not expect to be able to make it a file and make it work - I just want to study it. On my website so far, I am doing very well but I need to know how to go to next page from a link at the bottom of the page. Example: Next Page 1 2 3 4 5 6 7 8 9 The numbers will represent the chapters but how do I do it????? I am trying to make a new layout for my site, http://www.jkrfan.com/index2.php , and I want it to be like this site: http://james-fan.org/ in the way that they have the two different background colors (the white one for the inside area and then the orangey one for the outside). I am also trying to figure out how they made the border on the right go all the way to the bottom. Help is very appreciated =] Thanks! My site is http://www.jkrfan.com/index2.php and my CSS is at http://www.jkrfan.com/styletest.css Hi!!! I'm new here, I'm having trouble dealing with this question that needs to be an html coding. At the top of the page, create a table with the following attributes: 1. The border size should be 5 pixel with a width 100% of the page and a cell padding value of 10 pixels. The table should have a red border. 2. The rules value should be set to "none" and the frame value to "below". 3.The content of this table should be displayed in a red sans-serif font with a font size of 18 pixels. the bottom margin size of the table should be set to 20 pixels. I'm attaching a notepad with my html codes, can someone please help me with above questions. please help, I've tried using books and some site on internet. Can't get anywhere I'm completely clueless at this point. The area of my blog's post where it says "By Majed in..." then it has the labels. Well, I cannot find a way to put a space between the word in and the labels afterwords. The code is below, if anyone can help. Code: <div class='post-info clearfix'> <p class='author alignleft'> By Majed in </p> <p class='label alignleft'><b:if cond='data:blog.url == data:blog.homepageUrl'> <span class='post-labels'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop></b:if></span> </b:if></p> <p class='comments alignright'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.allowComments'> <a class='comments' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </p> </div> I have a website I dedicated to my daughter. I host on godaddy. I downloaded the guestbook and finally got it to where when you click submit it goes from the addentrty screen to the guestbook so you can view what others write. Only problem is it doesnt add the text from addentry to the guestbook page. the website: www.rosenbaumfamily.com following is the code from the two pages. I know a little about html but i cant seem to find whats missing. I put *** next tot eh lines I think need to be altered.: addentry code <html> <head> <title>Guestbook - Add Entry</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFCCCC" link="#003399" topmargin="15"> <form method="post" action="guestbook.html"> <p align="center"> <font color="#0000FF"><a href="addentry.html"> <!--webbot bot="Navigation" S-Type="sequence" S-Orientation="horizontal" S-Rendering="graphics" B-Include-Home="FALSE" B-Include-Up="FALSE" U-Page="sid:1001" S-Theme="Ice 0000" startspan --><a href="../../index.htm"><img src="../../_derived/index.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="Home" align="middle"></a> <a href="../../family.htm"><img src="../../_derived/family.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="See My Family" align="middle"></a> <a href="../../about%20me.htm"><img src="../../_derived/about%20me.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="About Me" align="middle"></a> <img src="_derived/addentry.html_cmp_Ice000_hbtn_p.gif" width="154" height="37" border="0" alt="Sign My Guestbook" align="middle"><!--webbot bot="Navigation" i-checksum="59646" endspan --></a></font></p> <table border="0" cellspacing="0" cellpadding="2" align="center" width="95%"> <tr> <td height="44" colspan="2" bgcolor="#FFCCCC"> <p align="center"><font size="7" face="Vivaldi"><font color="#003399"> Fallons Guestbook</font></font></td> </tr> <tr> <td width="99%"> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1">Please leave us a note so that we know you visited our site.</font></p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1">Love Dara, Adam, and Fallon</font></td> <td width="1%" align="right"> </td> </tr> <tr> <td colspan="2" height="27"><font face="Verdana, Arial, Helvetica, sans-serif"><img src="point2.gif" width="9" height="9"><a href="guestbook.html"><font size="1"><b>Back to Guestbook</b></font></a><b><font size="1"> | <img src="point2.gif" width="9" height="9"><a href="http://localhost/cgi-bin/guestbook.html?admin=enter">Administration</a></font></b></font></td> </tr> <tr> <td colspan="2"> <table border="0" cellspacing="1" cellpadding="4" width="95%" bgcolor="#FFCCCC"> <tr> <td colspan="2" bgcolor="#00FFFF"><b><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Sign the Guestbook:</font> <input type="hidden" name="add" value="new"> </b></td> </tr> <tr> <td bgcolor="#EFEFEF" width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Name*:</font></td> <td bgcolor="#EFEFEF" width="460"> <input type="text" name="username" size="40" maxlength="40"> </td> </tr> <tr> <td bgcolor="#EFEFEF" width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">E-mail:</font></td> <td bgcolor="#EFEFEF" width="460"> <input type="text" name="email" size="40" maxlength="40"> </td> </tr> <tr> <td bgcolor="#EFEFEF" width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Homepage:</font></td> <td bgcolor="#EFEFEF" width="460"> <input type="text" name="url" size="40" value="http://" maxlength="45"> </td> </tr> <tr bgcolor="#EFEFEF"> <td width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Your Message*:</font></td> <td bgcolor="#EFEFEF" width="460"> <textarea name="message" cols="40" rows="9" wrap="VIRTUAL"></textarea> </td> </tr> <tr bgcolor="#EFEFEF"> <td width="179"> </td> <td bgcolor="#EFEFEF" width="460"> <a href="guestbook.html"> *** <input type="submit" name="Submit" value="Sign Book"></a> <input type="reset" name="Reset" value="Reset"> </td> </tr> </table> </td> </tr> </table> </form> <div align="center"><font face="Arial, Helvetica, sans-serif" color="#CCCCCC" size="1"><b>Guestbook Version 1.5<br> </b></font><b><a href="http://www.proxy2.de"><font face="Arial, Helvetica, sans-serif" color="#CCCCCC" size="1">http://www.proxy2.de</font></a></b></div> </body> </html> guestbook code <html> <head> <title>Guestbook</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt} input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt} A:hover {text-decoration: underline; color:red;} --> </style> <script language="JavaScript"> <!-- function JumpTo(page) { self.location.replace(page.menu.options[page.menu.selectedIndex].value); } //--> </script> </head> <body bgcolor="#FFFFFF" link="#003399" topmargin="15"> <form> <table border="0" cellspacing="0" cellpadding="2" align="center" width="95%" height="100"> <tr> <td height="44" width="94%"> <p align="left"> <font color="#0000FF"><a href="addentry.html"> <!--webbot bot="Navigation" S-Type="sequence" S-Orientation="horizontal" S-Rendering="graphics" B-Include-Home="FALSE" B-Include-Up="FALSE" U-Page="sid:1001" S-Theme="Ice 0000" startspan --><a href="../../index.htm"><img src="../../_derived/index.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="Home" align="middle"></a> <a href="../../family.htm"><img src="../../_derived/family.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="See My Family" align="middle"></a> <a href="../../about%20me.htm"><img src="../../_derived/about%20me.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="About Me" align="middle"></a> <a href="addentry.html"><img src="_derived/addentry.html_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="Sign My Guestbook" align="middle"></a><!--webbot bot="Navigation" i-checksum="29614" endspan --></a> &n bsp; &nbs p; </font> <b><font face="Verdana, Arial, Helvetica, sans-serif" size="1"> <a href="/cgi-bin/guestbook.html?admin=enter">Administration</a></font></b></td> <td width="5%" height="44" align="right"> <br> <b><font face="Verdana, Arial, Helvetica, sans-serif" size="1"> </font></b> </td> </tr> <tr> <td width="94%" bgcolor="#FFCCCC"> <p align="center"><font color="#003399" size="7" face="Vivaldi"> Fallons Guestbook</font></td> <td width="5%" align="right"> </td> </tr> </table> <table border="0" cellspacing="1" cellpadding="5" align="center" width="82%"> <tr bgcolor="#BCBCDE"> <td width="32%" bgcolor="#00FFFF"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Name</b></font></td> <td width="40%" bgcolor="#00FFFF"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Comments</b></font></td> </tr> <!--begin --> </table> <table width="95%" border="0" cellspacing="1" cellpadding="3" height="35" align="center"> <tr valign="top"> **** <td> </td><href="addentry.html"> </tr> </table> <div align="center"><b> <font face="Arial, Helvetica, sans-serif" size="1" color="#CCCCCC"> <a href="mailto:hockeyman9474@aol.com?subject=from rosenbaumfam.com">contact webmaster</a></font></b></div> </form> </body> </html> |