|
HTML - Help Needed In Setting Up A Form
Wondering if anyone can help me out or point me in the right direction...
I am looking at setting up a radio form that will populate with mandatory fields that must be filled out before sending it off. I am restricted to using HTML only and maybe some JavaScript.. I have attached my idea in image on this post and could really use some assistance in finding a solution for this Similar TutorialsHey guys. I've been using local storage for my form and so far it's worked great. Most of the form is simply having the user type in an answer but I have 4 questions that need to be as radio buttons. The problem is I need these radio buttons to be calculative values. I'm pretty sure I've got the 'setting values' part down but how do I 'set item' and 'get item' using local storage? Thanks in advance! Here's what I'm using: HTML Code: <input type="radio" name="length" value=".106" /> Less than 1 year<br /> <input type="radio" name="length" value="0" /> 1-2 years<br /> <input type="radio" name="length" value="-.053" /> More than 2 years<br /> HTML Code: localStorage.setItem("length", this.elements["length"].value);
HTML Code: localStorage.getItem("length")
I have created a button which is linked to some JavaScript to dim the screen when it is pressed. using CSS I have changed the image of the button using a graphic. The graphic is a .PNG as it uses transparency but when set the image as the button it has lost all transparency is there anyway to enable the transparency of the .PNG this is the code I am using to do it. Code: <input type="button" onClick="d()" class="button"> So I have a radio group within a form. Specifically, here is my code: HTML Code: <table>
<tr>
<td><label>
<input type="radio" name="question_1" value="Average" id="question_1_0" />
Average</label></td>
<td><label>
<input type="radio" name="question_1" value="Large" id="question_1_1" />
Large</label></td>
<td><label>
<input type="radio" name="question_1" value="Gigantic" id="question_1_2" />
Gigantic!</label></td>
<td><label>
<input type="radio" name="question_1" value="Getting_larger" id="question_1_3" />
It's Getting Larger...</label></td>
</tr>
</table>
So I need to set an initially selected on this radio group. How do I do that? Thanks! I have a form that i want to ensure is filled out correctly before the user is able to proceed. http://chimp.cc/start.htm If the user fails to fill out the terms and conditions box with a "Yes"when the user clicks submit, i want a message to pop up to tell them to complete it. and to return the user to that field for completion. I honestly have no idea how to do this, can someone please help me. I have attached the source code too. Cheers Andy Hi, I am new to html, i have a form that i needed to add a line, but when i try to do it in Dreamweaver, the other co-ordinates are getting shifted. If anybody can give me pointers, i'll really appreciate it. Thanks, I need to correct some code for an email link. It's complicated and I need help offline. I'm willing to pay decent money for the help. It involves a secured email form. Please email me at helpline1958@yahoo.com <form name="form1" method="POST" action="finance_request.shtml" webbot-action="--WEBBOT-SELF--"> <!--webbot bot="SaveResults" S-Email-Format="TEXT/PRE" S-Email-Address=" ....... Thanks Hello, I'm creating an HTML form. The Submit button is not working - when I press the Submit button, the browser opens a new tab and logs into my Yahoo account. It has never done this before. I'm using IE 9. PLEASE HELP! I'm baffled. Here's the html tags for the form: <form name="guestbook" action="mailto:kjohnson@calbaptist.edu" method="post"> <p><b>First Name:</b> <input type="text" name="fname" size="25" /></p> <p><b>Last Name:</b> <input type="text" name="lname" size="35" /> </p> <p><b>Age level:</b></p> <input name="1" type="radio" value="under18" />Under 18<br/> <input name="1" type="radio" value="18-30" />18-30<br/> <input name="1" type="radio" value="31-45" />31-45<br/> <input name="1" type="radio" value="over45" />Over 45</br> <p><b>Interests (Check all that apply):</b></p> <input type="checkbox" name="sports" />Sports<br/> <input type="checkbox" name="music" />Music<br/> <input type="checkbox" name="crafts" />Crafts<br/> <p><b>Grade Status:</b></p> <select name="gradestatus"> <option> Click on your status</option> <option> High School Student</option> <option> Undergraduate Student</option> <option> Graduate Student </select> <p><b>Comments:</b></p> <textarea name="comments" rows=5 cols=50></textarea> <br /><br /> <input type="submit" name="submit" value="Submit" /> <input type="reset" name="reset" value="Reset" /> </form> firstly hello to everyone - sorry for not introducing myself prior to posting but im in DESPERATE need of help and hope someone will take pity on me and put me out my misery!!! I am trying to include an order form in a website i am building.. i would like it to have the ability to 'copy' information from 'customers details' to 'delivery details' if these are one and the same - i have tried various things all to no avail... here is what i have so far.... -------------------------------------------------------------------------------------------------------- <HTML> <head> <title></title> <script type="text/javascript"> function data_copy() { if(document.form1.copy[0].checked){ document.form1."Delivery Name".value=document.form1."Customer Name".value; document.form1."Delivery Address 1".value=document.form1."Customer Address 1".value; document.form1."Delivery Address 2".value=document.form1."Customer Address 2".value; document.form1."Delivery Town".value=document.form1."Customer Town".value; document.form1."Delivery County".value=document.form1."Customer County".value; document.form1."Delivery Post Code".value=document.form1."Customer Post Code".value; }else{ document.form1."Delivery Name".value=""; document.form1."Delivery Address 1".value=""; document.form1."Delivery Address 2".value=""; document.form1."Delivery Town".value=""; document.form1."Delivery County".value=""; document.form1."Delivery Post Code".value=""; } } </script> </head> <form name=form1 action=""> <TABLE width="800" border="0" align="center" cellpadding="5" cellspacing="0"> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana"><b>Customer Details:</b></font></td> <td width="200"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana"><b>Delivery Details:</b></font></td> <td width="200"></td> </tr> <tr> <td></td> <td></td> <td></td> <td><input type=radio name=copy value='yes' onclick="data_copy()";><font face="Verdana" size="2">Same As Customer</font></td> <td><input type=radio name=copy value='no' onclick="data_copy()";><font face="Verdana" size="2">Not Same</font></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Name:</font></td> <td width="200" align="left"><input name="Customer Name" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Name:</font></td> <td width="200" align="left"><input name="Delivery Name" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Address 1:</font></td> <td width="200" align="left"><input name="Customer Address 1" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Address 1:</font></td> <td width="200" align="left"><input name="Delivery Address 1" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Address 2:</font></td> <td width="200" align="left"><input name="Customer Address 2" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Address 2:</font></td> <td width="200" align="left"><input name="Delivery Address 2" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Town:</font></td> <td width="200" align="left"><input name="Customer Town" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Town:</font></td> <td width="200" align="left"><input name="Delivery Town" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">County:</font></td> <td width="200" align="left"><input name="Customer County" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">County:</font></td> <td width="200" align="left"><input name="Delivery County" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Post Code:</font></td> <td width="200" align="left"><input name="Customer Post Code" type="text" size="15"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Post Code:</font></td> <td width="200" align="left"><input name="Delivery Post Code" type="text" size="15"></td> </tr> </table><br> <br><input type="Submit"> </form> </body> -------------------------------------------------------------------------------------------------------- although it looks ok when i preview it for some reason it will not copy the information i want... if anyone can help (and ideally explain what i am doing wrong) i would be very very thankful! kind regards lawrence (larryg) Hi, Below is my line of input code where I pass a certain variable. What I want to know is - is it possible to leave that 'identifer' value out of the url string if a user does not enter anything in that field? It's for a hotel reservation system and if left blank, it causes an error. It works fine is a user enters a code though. Code: <input type="text" name="identifier" value="" style="width:70px; font-size:11px;" /> Any ideas? Thanks I'm a beginner at html, this class is online and my teacher doesn't really keep in touch....So any help what so ever would be greatly appreciated, just a direction to go in...I'm lost. This is supposed to be a sudoku puzzle, doesn't work, but just displays a puzzle. The book kinda confused me when it asked for sub tables. Mainly, I'm just not sure how I need to layout the nested tables. I included the code for the table and a pic of what it's supposed to look like. (I inserted the "5's" just to help me try to see what I was doing) Here's the instructions: http://books.google.com/books?id=4-BlHT9Xb1oC&pg=PA334&lpg=PA334&dq=the+japanese+puzzle+factory+html&source=bl&ots=yCVllJjfgL&sig=pPsbW dc01C5rjY6vAgTIBLzg3P0&hl=en&ei=Fo34S7bONoH48Aah-9X9Cg&sa=X&oi=book_result&ct=result&resnum=5&ved=0CCAQ6AEwBA#v=onepage&q&f=false HTML Code: <table class="spuzzle"> <caption>Sudoku</caption> <thead> <tr> <th></th> <th>1</th> <th>2</th> <th>3</th> <th>4</th> <th>5</th> <th>6</th> <th>7</th> <th>8</th> <th>9</th> </tr> </thead> <tbody> <tr> <th>A</th> <td class="greenbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> <td class="goldbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> <td class="greenbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> </tr> <tr> <th>B</th> </tr> <tr> <th>C</th> </tr> <tr> <th>D</th> <td class="goldbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> <td class="greenbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> <td class="goldbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> </tr> <tr> <th>E</th> </tr> <tr> <th>F</th> </tr> <tr> <th>G</th> <td class="greenbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> <td class="goldbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> <td class="greenbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> </tr> <tr> <th>H</th> </tr> <tr> <th>I</th> </tr> </tbody> </table> Hello Everyone! This is my first thread on the forums. I look forward to the responses. But my question today seems simple but I am just a little confused on how to do this. You can tell me if I have this in the wrong place. So I want to make a player bio page, for a sport. I want to put a picture in the upper left hand corner and information about the player to the right of the picture and stats underneath. How would I achieve this? Like I said a picture in the left hand corner. That's the best I can describe it. My biggest problem is implementing the payers picture in there. Would I just make a separate division for the picture, information, and stats? Thanks in advance! if there is a tutorial or a forum post i would love to see it, thanks Link to site for reference: http://www.ante-up.org/v2/ Okay, this may be kind of a doozy, but after some thought, I've come to a point where I am looking into using php inc instead of an iframe for my content display, and I want to know how I could go about using divs to set up the site to look exactly the same with php inc. (EDIT: Minus the scrollbar from the iframe of course) Like if I stuck the Navigation and the Login section into one php file, the 'stats' and miniblog section into a second php file, the header and footer each in their own php file, how would I go about aligning the divs so that I could just php inc everything? I'm first off assuming that this would be the correct way to do it. Any suggestions are welcome so long as they're not about my table usage I'm aware that many don't prefer them, but I've made them work across five popular browsers, so I'm happy with it. TIA for any who can offer some insight. PS: I suppose I should also add that I'm pretty much an ignorant incompetent when it comes to div layers, so bear with me Please look at this page: http://www.midwestbookreview.com/links/othr_rev.htm I would like to be able to have a format for a page like this with one blank column on the left and one blank column on the right (so I could just fill in my links). I would like the page blank the middle like it is now so I could add my main links. Can someone give me the basic html format on setting this up? Thanks. Hey. I'm new here, and I've recently taken some webmastering classes (needed them a lot more than I thought. I just love programming.), and I have had some concerns about what to do with alpha-transparency. See, what I want to do is have a background image (using a <div> tag and some basic CSS for this image alone), and that's all I will have. Is there any way to set the alpha of a background color so that it is transparent? Afterward, is there a way to set the alpha to text so that it is not transparent, either? I want a golden color background (FFCC00), with black text. Will this take another layer of CSS, or is this even possible? (Even with the classes, I'm still an absolute total newb.) Thank you very much in advance. Hi, I am new to HTML and want to set the layout for my page as follows:- (1) The complete page size for my webpage is 1024x768. (2) I want to set a top Banner starting from left with width= 824 and Height = 180. (3) Then I want to have a skyscrapper Banner starting exactly where the above top banner ends and has width = 200 and height = 768. (4) Just below the top banner(as stated in point2) I will have the logo and below that all the products. I am using Front Page 2000. Please help me get started with putting up this layout. Thanks very much. Best Regards, Gagan I'm trying to setup download links on my page. For exsample I have a file on my web server and I want a link that I can click on and it will bring up a download window. Can anyone PLEASE HELP! Hi all, I'm working on a website that needs to have a person's info and then a link to their vcard. Unfortunately I don't have any experience with said vcards so I'm somewhat in the dark, and as yet my web searches haven't turned up much useful info. Is a vcard just a regular file that can be linked like any old download, or is there some special process to getting it "obtainable" on a website? Thanks, m19 This question is probably very basic, but I have a form on my site where people can enter a certain amount of text and after posting, it will populate a fixed width table. If I use a font like Courier New (fixed width font) I could easily have the form determine the maximum characters the person could type for this post and set the max limit. My problem is this. I don't want to use a fixed width font. I want to use Arial and a post with lots of 'i's can have more characters that a post with lots of 'W's. Is there a formula for calculation the average char width? With this I might be able to set a fair limit. Thanks, Joe Hi All, I have a real simple html page and i want to hide all elements under "st" tag. But after i hide them I was to set it's size to 8px. This works well in Mozilla but not IE. Ive tried everything and still no clue... Any advice? HTML 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" >
<head>
<title>Untitled Page</title>
<script type="text/javascript">
function hideAll(){
var pEle = document.getElementById("st");
alert( pEle.childNodes.length );
for(var i=0; i < pEle.childNodes.length; i++){
pEle.childNodes[i].style.visibility = "hidden";
}
pEle.style.height= "5px";
}
</script>
</head>
<body onload="hideAll()">
<div id="st" style="background-color: red"><p id="1">asdsadsa</p><p id="2">asdsadsa</p></div>
</body>
</html>
|
|||||||