HTML - Adding Text Boxes One By One
Similar TutorialsHey if any of you guys could help me it would be very much appreciated. I need to go from this: http://www.geocities.com/guun_han/te...?1180579026625 To this: http://img.photobucket.com/albums/v3...han/Ideall.jpg ANd I have no idea how I would code that. Hi All, I have come across a scenario where user enters credit card number. So I need to display user typing text (card number) as "*" in the text box. So I went and coded as password field since password box always mask user inputs. <input type="password" name="f1" value=""> But on hitting submit button, Mozilla firefox browser shows a pop up if I need to remember the password or not. My client dont want to display this pop-up. Can anyone pls tell me how to create a text box (not password box) to show user input as "*" so that it looks like as password box. Thanks in advance. Please help. This is what I have so far http://bartletagency.com/m/x2.php Now, obviously with business cards there many different options. I need something to calculate on the side the total after picking each drop box option, or if easier, after hitting "calculate total." (preferably with the numbers in a table so I can make it appear by itself right underwear the send button) . Example: 1000 business cards in blue, say, would need to come up at 50 dollars if they pick 3-1, but if they pick 3-22 it needs to come up 60 dollars if they pick the other color, green, and pick 3-1, the label would need to turn to $55.00, if they pick 3-2 with the color green the label would need to say $65.00 how can i do this please? here is the code I have which made up the PHP file i linked you to above. code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html> <head> <title>Lesson 3</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <?php if ($_SERVER['REQUEST_METHOD'] != 'POST'){ $me = $_SERVER['PHP_SELF']; ?> <h1 align="center">Business Cards</h1> <form name="form1" method="post" action="<?=$me?>"> <table border="0" align="center" cellpadding="5" cellspacing="0"> <tr> <td align="right" valign="middle">Quantity:</td> <td><select name="Quantity: "> <option value="1000">1000</option> <option value="2500">2500</option> <option value="5000">5000</option> <option value="10,000">10,000</option> </select> </td> </tr> <tr> <td align="right" valign="middle">color</td> <td><select name="color"> <option value="blue">blue</option> <option value="green">green</option> </select> </td> </tr> <tr> <td align="right" valign="middle">3</td> <td><select name="3"> <option value="small">3-1</option> <option value="medium">3-2</option> </select> </td> </tr> <tr> <td> </td> <td><input type="submit" name="Submit" value="Send"> </td> </tr> </table> </form> <?php } else { error_reporting(0); // initialize a array to //hold any errors we encounter $errors = array(); // test to see if the form was actually // posted from our form $page = $_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF']; if (!ereg($page, $_SERVER['HTTP_REFERER'])) $errors[] = "Invalid referer<br>\n"; // check to see if a name was entered if (count($errors)>0) { foreach($errors as $err) echo "$err<br>\n"; echo "<br>Please use your browser's Back button to fix."; } else { // no errors, so we build our message switch($_POST['color']){ case 'red': $recipient = 'mathew420@gmail.com'; break; case 'green': $recipient = 'mathew420@gmail.com'; break; case 'blue': $recipient = 'mathew420@gmail.com'; break; default: $recipient = 'mathew420@gmail.com'; } $subject = "Widget On Line Order"; $from = stripslashes($_POST['Name']); $msg = "Message sent by $from\n"; $msg.="\nSize: ".$_POST['size']; $options=$_POST['options']; $msg.="\nOptions:"; if ($options) for ($i=0;$i<count($options);$i++) $msg.= "\n- $options[$i]"; else $msg.="\n- None"; $msg.="\nColor: ".$_POST['color']; $extension=($_POST['extension'])?"Extension: Yes":"Extension: No"; $wallmount=($_POST['wallmount'])?"Wallmount: Yes":"Wallmount: No"; $deskmount=($_POST['deskmount'])?"Deskmount: Yes":"Deskmount: No"; $msg.="\n$extension\n$wallmount\n$deskmount"; $msg.="\n".stripslashes($_POST['MsgBody'])."\n"; if (mail($recipient,$subject,$msg)){ echo "<p>Thanks for your order!</p>"; echo nl2br($msg); } else echo "An unknown error occurred."; } } ?> </body> </html> thanks so much i have one blog www.andhratalkies.co.nr i want to put Register and login buttions with text boxes(signup and signin) and it should be work can any one give me the code and instruct me. plzzz it's urgent thanks MO Hello all, I'm a newb at html, just started some basic coding last week. I've made my first site, though as you can see, the images and text (even if it's a placeholder right now) aren't lined up, and I'm not sure how to tell it to do that. Anybody with more expertise understand my situation, and how to fix it? Thanks! http://elliottetzkorn.com Hello there. We are right at the finish line of being done with our site. We are one of the biggest Youtube Optimizers on the net. We are the ones that get your videos to the top We have just been building a whole new site. Ok Basically it is set up to where there are multiple packages for the user to order. Each package they can pick how many videos they would like to have optimized. I have started with this script but i'm lost. I'm a software developer not real deep in html. All I am needing it to do is if you pick 1 for 1 video only 1 text box appears. If you pick 4 for 4 videos only 4 text boxes appears.(The text boxes are for the user to enter in there Youtube Video url) And of course if they enter in 9 text boxes 9 will appear. The problem right now is it doesn't matter which number you press all 9 text boxes appear. I'm sure this is something very simple I am just not experienced in javascript if statements. If you can help it will be so much of a blessing! Here is what I have: 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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <form action=""> <select onchange="if (this.selectedIndex==1){this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='hidden'} {this.form['box3'].style.visibility='hidden'} {this.form['box4'].style.visibility='hidden'} {this.form['box6'].style.visibility='hidden'} {this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'} if (this.selectedIndex==2){this.form['box2'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} if (this.selectedIndex==3){this.form['box3'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box4'].style.visibility='hidden'} {this.form['box5'].style.visibility='hidden'} {this.form['box6'].style.visibility='hidden'} {this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'} if (this.selectedIndex==4){this.form['box4'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'} {this.form['box5'].style.visibility='hidden'} {this.form['box6'].style.visibility='hidden'} {this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'} if (this.selectedIndex==5){this.form['box5'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'} {this.form['box4'].style.visibility='visible'} {this.form['box6'].style.visibility='hidden'} {this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'} if (this.selectedIndex==6){this.form['box6'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'} {this.form['box4'].style.visibility='visible'} {this.form['box5'].style.visibility='visible'} {this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'} if (this.selectedIndex==7){this.form['box7'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'} {this.form['box4'].style.visibility='visible'} {this.form['box5'].style.visibility='visible'} {this.form['box6'].style.visibility='visible'} {this.form['box8'].style.visibility='hidden'} if (this.selectedIndex==8){this.form['box8'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'} {this.form['box4'].style.visibility='visible'} {this.form['box5'].style.visibility='visible'} {this.form['box6'].style.visibility='visible'} {this.form['box7'].style.visibility='visible'} {this.form['box9'].style.visibility='hidden'} if (this.selectedIndex==9){this.form['box9'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'} {this.form['box4'].style.visibility='visible'} {this.form['box5'].style.visibility='visible'} {this.form['box6'].style.visibility='visible'} {this.form['box7'].style.visibility='visible'} {this.form['box8'].style.visibility='visible'};"> <option value="">0</option> <option value="">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> <option value="">6</option> <option value="">7</option> <option value="">8</option> <option value="">9</option> </select> <br /> <input style="visibility:hidden;" type="text" name="box"><br /> <input style="visibility:hidden;" type="text" name="box2"><br /> <input style="visibility:hidden;" type="text" name="box3"><br /> <input style="visibility:hidden;" type="text" name="box4"><br /> <input style="visibility:hidden;" type="text" name="box5"><br /> <input style="visibility:hidden;" type="text" name="box6"><br /> <input style="visibility:hidden;" type="text" name="box7"><br /> <input style="visibility:hidden;" type="text" name="box8"><br /> <input style="visibility:hidden;" type="text" name="box9"><br /> </form> <body> </body> </html> Ok, you know how you can drag the mouse over any amount of normal text and the text gets that blue border around it. Try doing the same with an input box and you can only highlight the text of one input box at a time. How can I highlight the text from multiple form input boxes at once? I hope this is in the right spot. Well I'm really loosing it becasue I think I wasted 4 hours on a webpage that I'm going to have to do all over. The problem: I spread out a grid, then filled it with text boxes. Well it looks great until I upload it to the Internet, because all of a sudden I have huge gaps which spread it out, creating huge breaks within the document. I'm not sure what to do from he Here's what it looks like: http://www.wellnessandpreventionoffice.org/WPO_body/ Here's what it is suppose to look like (note, this is a capture in layout mode): http://www.wellnessandpreventionoffi...ody/sample.jpg Notice the big spaces that are coming in after the bottom bullet in each list. eventually every line will be a link similar to the word "Elementary" under Physical Education. I'm open to any suggestions. THANK YOU! Html code for Text Boxes that the user writes down his details and then click to a button and his details comes to an eimail... look an example ... http://www.arkadiko-meli.gr/form.asp?i=2 Hi guys. I want to add a few spaces in between two words. Unfortunately, html must work differently than just hitting the space bar in the code. What's the command for space? Thank you all! www.movehumanityforward.org Greetings, How can I add "Alt Tags" to text. Easy to do to images but can't figure it out on text. As always thanks in advance!!! Jack I'm fairly new to HTML and need help with adding text below the images I have. I am running a white backround with a gray box that has six images side by side. I want to add text below each image in the background. Can anyone hel me? This is what I have without text so far <td><table width="100%" border="0" cellspacing="10" cellpadding="25"> <P> <strong>Padholdr tablet styles</strong><td class="greybox"<td align="middle"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images4med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images4med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images3med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images2med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/xoom5med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/x1med.jpg" width="144" height="108"></td></caption> </tr> </table></td> Hey all, Im trying to put a html link in a html textbox, yet its not working, the code is not active, it just shows what ive typed. Quote: <textarea name="textarea" cols="80" id="text_box" rows="12"> Welcome to breakdownconspiracyinc. A portfolio site for Jonathon Toon. Jonathon is a student, living in Nelson, New Zealand, studying a Diploma in Graphics and Multimedia at Nelson Marlborough Institue of Technology (<a href="http://www.nmit.ac.nz/" target="_blank">NMIT</a>). In his spare time he creates Graphic Art, Music, and Film, with various conceptual ideas. If you have any comments, criticisms, or requests please send an email to: breakdownconspiracyinc@gmail.com Cheers. </textarea> Cheers tenchars// Hi I have a HTML with the body part written in Hebrew. A am also using a tool which reads this HTML, but does not understand Hebrew characters. My question: is it possible to convert these Hebrew fonts to something else (like ASCII for instance) to allow my tool to understand these characters and at the same time would allow a browser to understand the content of my HTML, too? Thanks yuval Hello all, I have this site: http://www.votingforrewards.com/nba-champions/main/nba-champions/{keyword}/ As you can see I have two pics here and the name of each player below each pic. How would I be able to have 4 pics accross with each (4) names below each pic. The way I am doing it now is that I use Photshop to place two pics on 1 canvas (don't know if I am doing this correct). The players links use to be a yes and no. So I guess I am cheating. I don't know. Would I use a table? I have been trying to play with the code but can't figure it out. Please help and if you can be as newbie friendly as possible, I would appreciate it immensely. I am using dreamweaver for editing the code, the file has php in it, and it also has a css file to let you know. Thanks, Geo I need help. I have a page but its centered. I still have white non used space on both sides that i would like to use to post links and what not but im not too great with tables. My test website is down below. Id like to keep the same dimensions of the page where it is now, but need to be able to use the blank white space on the sides to post links and extra text and what not. Can anyone help? www.militarycheapskate.com Hi all, sorry I am pretty new with this so I hope I can explain what it is I am trying to do here. I've recently been tasked with creating a 'note taking' html template at work, to assist with note taking for operators in a call center. I was selected due to nobody else having any understanding of how computers work beyond using microsoft office, go figure : / Anyway. Basically what I am trying to do is be able to create a basic htlm template which has a text box, and some 'radio' buttons and check boxes which assign text when selected. Example, we take down notes when clients call up and speak with someone. We would have say 2 check boxes to cover things like "Full name of client confirmed, confirmed clients details". If the phone operator clicked these 2 buttons, it would copy that exact text into the text box. If they clicked one, it would only copy that. There would also be a 'radio' button, "Transferred client directly to desired party, transferred client to extension without employee contact" would be the options for example. Basically only 1 option can be selected, and that option would populate the text box if selected. I'm also looking at hwo to create a button with a 'reset' feature to basically wipe everything clean so it can be started over once the operator takes another call. So far I am able to create a form with the text box and buttons, but I don't know what code I need to look at to assign text to those buttons. It's an easy idea, just need to get my foot in the door as I haven't really touched html since I was finishing high school year ago. Anyone able to assist, i would imagine it's not as difficult as I am makign it out to be Hi All This is my first post so i hope I provide all the info you need, to be able to help. I am working inside Macromedia UltraDev as this is waht I was taught with over a decade ago. Problem started when I set a fixed background image to the page . . . dropdown menu still displays, but everything else (text & pics) in table seem to be hiddden behind the background image. here is the code HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Expires" CONTENT="0"> <style type="text/css"> html, body {height:100%; margin:0; padding:0;} #page-background {position:fixed; top:0; left:0; width:100%; height:100%;} #content {position:relative; z-index:1; padding:10px;} </style> <link rel="stylesheet" type="text/css" href="dropdown/dropdown.css" /> <script src="dropdown/btp.js" type="text/javascript"></script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="en-au"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Barcaldine Tourist Park</title> </head> <body> <div align="center"> <center> <table width="1000" border="0" cellpadding="0" height="100%"> <tr> <td height="54" colspan="2"> <div align="center"> <h1><font face="Georgia, Times New Roman, Times, serif" size="+7">Barcaldine Tourist Park</font></h1> </div> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="146" colspan="2"> <span class="preload1"></span> <span class="preload2"></span> <ul id="nav"> <li class="top"><a href="#nogo1" class="top_link"><span>Home</span></a></li> <li class="top"><a href="#nogo2" class="top_link"><span>Park Features</span></a></li> <li class="top"><a href="#nogo22" class="top_link"><span>Accommodation</span></a></li> <li class="top"><a href="#nogo27" class="top_link"><span>Our Tarrifs</span></a></li> <li class="top"><a href="#nogo57" class="top_link"><span>Special Offers </span></a></li> <li class="top"><a href="#nogo57" class="top_link"><span>Local Photos</span></a></li> <li class="top"><a href="#nogo57" class="top_link"><span>Contact Us</span></a></li> <li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Local Attractions</span></a> <ul class="sub"> <li><a href="#nogo54">Australian Workers Heritage Centre</a></li> <li><a href="#nogo55">Tree of Knowledge</a></li> <li><a href="#nogo56">Artesian Country Tours</a></li> </ul> </li> </ul> </td> </tr> <tr bgcolor="#FFFFFF"> <td rowspan="2" width="99"> </td> </tr> <tr> <td rowspan="5" width="895" bgcolor="#FFFFFF"> <div align="center"></div> </td> </tr> <tr bgcolor="#FFFFFF"> <td width="99"> </td> </tr> <tr bgcolor="#FFFFFF"> <td width="99"> </td> </tr> <tr bgcolor="#FFFFFF"> <td width="99"> </td> </tr> <tr bgcolor="#FFFFFF"> <td width="99" height="23"> </td> </tr> </table> </center></div> <div id="page-background"><img src="images/bg.jpg" width="100%" height="100%" alt="Smile"></div> <div id="content"> </div> </body> </html> |