HTML - Help With Pre Populated Fields
hi guys,
im new here, and by no means a web designer/coder. however i do dabble in some HTML to save time & money. at present, customers sign up on our website, the form sends that data to our database. (for this we use the pure360.com API) upon submission, a trigger email is sent to that customers email with a voucher, the voucher says to Ryan (ryan@email.com) etc. which is fine. however we would prefer it to be online instead of via email. so customers sign up, data is sent from pure360 form to our database then the success URL shows the voucher on screen with their data pre populated into the fields. could anybody help me with the code to do this? i have attached the basic signup form coding. thanks in advance, Ryan Similar TutorialsI didn't know how to title this sorry, I did a search and there was plenty on the mailto tag, but I just need something very simple done (I'm hoping its simple) So basically this is my code: Code: <a href="mailto:technical.support%40lk-electronics%2ecom? subject=Missing Page/URL &body=Webpage Url error occured from: -enter web address here- %0A%0A If you have any additional comments to add, do so below the line%0A%0A Thank You! and sorry for the inconvenience%0A%0A LK Electronics%0A%0A">here</a> All I want is it to have a horizontal line in it after LK electronics, and upon searching I realized that you can't insert html, well you can but if the person's mail client doesn't have html enabled, then all they're going to see is my html tags, is there a way to add in a line? The reason I'm trying to accomplish this, is basically it will all be pre-populated and they will enter the url the error occurred on, and if they have any additional comments I'd like a line separating all the pre-populated stuff. Hello, I am trying to create a page where the user can select four of their best skills and put in their past experience (in years) in previously defined boxes and have that automatically update the "results." But, i need the results to be filterable to match the top three skills exactly. So i put in skils A,B,C,D and i get results of jobs that "match" A,B,C. I have created a javascript for show/hide but i dont know how to add this updatable/filterable content. Here is a demo of my page Quote: <html> <head> <script type="text/javascript"> <!-- function experience(element_id) { var results = document.getElementById(element_id + "_Results"); var element = document.getElementById(element_id); results.value = element.value; } </script> <script> function showhide(id){ if (document.getElementById){ obj = document.getElementById(id); if (obj.style.display == "none"){ obj.style.display = ""; } else { obj.style.display = "none"; } } } </script> <title></title> </head> <body> <form name="compass"> <table border="1" width="100%"> <tr> <td colspan="2">Top Competencies</td> </tr> <tr> <td><select name="competencies"><option value="Setting Direction">Setting Direction</option><option value="Leadership Courage">Leadership Courage</option><option value="Creating the Environment">Creating the Environment</option><option value="Building and Maintaing Relationships">Building and Maintaining Relationships</option><option value="Developing for the Future">Developing for the Future</option><option value="Organizational Savvy">Organizational Savvy</option><option value="Achieving Measurable Results">Achieving Measurable Results</option> <option value="Customer Focus">Customer Focus</option> <option value="Ethics and Integrity">Ethics and Integrity</option> <option value="Composure">Composure</option> <option value="Personal Learning">Personal Learning</option> <option value="Dealing with Ambiguity">Dealing with Ambiguity</option> <option value="Decision-Making">Decision-Making</option> <option value="Interpersonal Savvy">Interpersonal Savvy</option> <option value="Results Oriented">Results Oriented</option> </select></td> <td><select name="competencies"><option value="Setting Direction">Setting Direction</option><option value="Leadership Courage">Leadership Courage</option><option value="Creating the Environment">Creating the Environment</option><option value="Building and Maintaing Relationships">Building and Maintaining Relationships</option><option value="Developing for the Future">Developing for the Future</option><option value="Organizational Savvy">Organizational Savvy</option><option value="Achieving Measurable Results">Achieving Measurable Results</option> <option value="Customer Focus">Customer Focus</option> <option value="Ethics and Integrity">Ethics and Integrity</option> <option value="Composure">Composure</option> <option value="Personal Learning">Personal Learning</option> <option value="Dealing with Ambiguity">Dealing with Ambiguity</option> <option value="Decision-Making">Decision-Making</option> <option value="Interpersonal Savvy">Interpersonal Savvy</option> <option value="Results Oriented">Results Oriented</option> </select></td> </tr> <tr> <td><select name="competencies"><option value="Setting Direction">Setting Direction</option><option value="Leadership Courage">Leadership Courage</option><option value="Creating the Environment">Creating the Environment</option><option value="Building and Maintaing Relationships">Building and Maintaining Relationships</option><option value="Developing for the Future">Developing for the Future</option><option value="Organizational Savvy">Organizational Savvy</option><option value="Achieving Measurable Results">Achieving Measurable Results</option> <option value="Customer Focus">Customer Focus</option> <option value="Ethics and Integrity">Ethics and Integrity</option> <option value="Composure">Composure</option> <option value="Personal Learning">Personal Learning</option> <option value="Dealing with Ambiguity">Dealing with Ambiguity</option> <option value="Decision-Making">Decision-Making</option> <option value="Interpersonal Savvy">Interpersonal Savvy</option> <option value="Results Oriented">Results Oriented</option> </select></td> <td><select name="competencies"><option value="Setting Direction">Setting Direction</option><option value="Leadership Courage">Leadership Courage</option><option value="Creating the Environment">Creating the Environment</option><option value="Building and Maintaing Relationships">Building and Maintaining Relationships</option><option value="Developing for the Future">Developing for the Future</option><option value="Organizational Savvy">Organizational Savvy</option><option value="Achieving Measurable Results">Achieving Measurable Results</option> <option value="Customer Focus">Customer Focus</option> <option value="Ethics and Integrity">Ethics and Integrity</option> <option value="Composure">Composure</option> <option value="Personal Learning">Personal Learning</option> <option value="Dealing with Ambiguity">Dealing with Ambiguity</option> <option value="Decision-Making">Decision-Making</option> <option value="Interpersonal Savvy">Interpersonal Savvy</option> <option value="Results Oriented">Results Oriented</option> </select></td> </tr> <tr> <td colspan="1"><input type="text" name="1" size="100%" value="Consulting to senior leadership" disabled></td> <td colspan="1"><input type="text" id="Requirements1" name="Requirements" onChange="experience('Requirements1')" value="Enter Years"></td> </tr> <tr> <td colspan="1"><input type="text" name="2" size="100%" value="Equal Employment Opportunity (EEO) and related human resource practices" disabled></td> <td colspan="1"><input type="text" id="Requirements2" name="Requirements" onChange="experience('Requirements2')" value="Enter Years"></td> </tr> <tr> <td colspan="1"><input type="text" name="3" size="100%" value="Recruiting with a large company" disabled></td> <td colspan="1"><input type="text" id="Requirements3" name="Requirements" onChange="experience('Requirements3')" value="Enter Years"></td> </tr> <tr> <td colspan="1"><input type="text" name="4" size="100%" value="Leadership and management" disabled></td> <td colspan="1"><input type="text" id="Requirements4" name="Requirements" onChange="experience('Requirements4')" value="Enter Years"></td> </tr> <tr> <td colspan="1"><input type="text" name="5" size="100%" value="Recruiting for diverse functional areas" disabled></td> <td colspan="1"><input type="text" id="Requirements5" name="Requirements" onChange="experience('Requirements5')" value="Enter Years"></td> </tr> <tr> <td colspan="4">Results</td> </tr> <tr> <td colspan="1"><div style="display:;" id="script"><input type="text" name="1" size="100%" value="Consulting to senior seadership" disabled></td> <td colspan="1"><input type="text" id="Requirements1_Results" name="Requirements1_Results" disabled></td> </tr> <tr> <td colspan="1"><div style="display:;" id="script2"><input type="text" name="2" size="100%" value="Equal Employment Opportunity (EEO) and related human resource practices" disabled></td> <td colspan="1"><input type="text" id="Requirements2_Results" name="Requirements2_Results" disabled></td> </tr> <tr> <td colspan="1"><input type="text" name="3" size="100%" value="Recruiting with a large company" disabled></td> <td colspan="1"><input type="text" id="Requirements3_Results" name="Requirements3_Results" disabled></td> </tr> <tr> <td colspan="1"><input type="text" name="4" size="100%" value="Leadership and management" disabled></td> <td colspan="1"><input type="text" id="Requirements4_Results" name="Requirements4_Results" disabled></td> </tr> <tr> <td colspan="1"><input type="text" name="5" size="100%" value="Recruiting for diverse functional areass" disabled></td> <td colspan="1"><input type="text" id="Requirements5_Results" name="Requirements5_Results" disabled></td></div> </tr> <p><a href="#" onclick="showhide('script'); return(false);">hide again</a></p> </table> </form> </body> </html> That is the page, i know it looks long and codey but its just because it has many examples. I really would appreciate any help! Thanks so much for all your past help guys/gals I have two dynamic, dependant dropdown lists. DropdownList2 is going to be populated based on the dropdownlist1 option selected. I already know how to do it. The second dropdown list is needs to get the data from oracle table connection. And I do not know how to do it this using a java script function. THANKS A LOT! What I have is: <script language="JavaScript"> function PopulateList2() { Help needed here to populate my ListNumber 2 depending of the List Number 1 option selected. Options are in oracle table. } <tr> <td> <select onchange="populatelist2();" class="searchtext" name="list1" > <option selected value="">Select list1 ----Populating list1 here using oracle data connection---- </select> <select class="searchtext" name="List2" > <option value="">Select List2 </select> </td> </tr> I am creating a small crm and would like to have the input fields look like regular text until clicked on. At that point I would like the input field to be edited....is this possible? For example... First name : James would appear like this....when clicking on James, it puts a input box so you are able to edit the field. I will be using php. Hi All, I have 2 buttons that need to be placed side by side and link to Paypal. I have used the "display:inline" on both forms and with the fields I need to hide, the "type=hidden" When I view the page in Firefox all looks, but in IE, although the hidden fields are hidden, they are still taking up space. So the two buttons are not sitting next to each other, there is a big gap where the 'hidden' layers would be. Anyone have any ideas how I can get around this? Many thanks I'm very, very new to HTML, and quite bad at it. I've recently figured out how to use forms. I was wondering the following: Is it possible to have guests to my website input information that then end up on/in images. For example, let's say I wanted them to fill in the following information: Store Manager: Sales Manager: Advertising Manager: Human Resources: Research and Development Manager: Sales Rep 1: Sales Rep 2: Sales Rep 3: Advertiser 1: Advertiser 2: R+D Engineer 1: R+D Engineer 2: Once they filled in the information, I would want that information to populate an image (namely, an organizational flow chart like this one: http://www.sddot.com/images/org_chart.gif) Any help that anyone can give me would be greatly appreciated! I'm quite desperate. I have a problem with my mandatory fields in the fact that i know not on how to make them mandatory. normally on a web page mandatory fields are yellow or sometimes other colours, and the non-mandatory fields are normally white. well i do have 3 yellow boxes on my page and then the rest are white, but the yellow boxes are not mandatory! I would like them to be but they are not. any help on how to make fields mandatory? http://prokix.com/OnlineRegistration.htm is the webpage Is there any way to remove the login fields, and their corresponding text from the table their in, and then add the login text and login fields to the same table as the liink menu table? Without losing the login ***tionality. (Also, I'd like to move the login button out of the table and into the link menu table too.) Thanks Code: <HTML> <HEAD> <Title></Title> <style type="text/css"> body {margin: 1px 100px; 0px 100px; padding: 1px;} table.with_color { background-color : #000000; } </style> </HEAD> <BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0"> <TABLE cellSpacing=0 valign=top cellPadding=0 width=100% border=0> <TR valign=middle height=1> <TD class=headera1><IMG src="/images/clear.gif" height=1 width=159 border=0></TD> <TD width="100%" align=right class=headera2> </TD> </TR> <TR> <TD width="100%" align=right class=headera4> </TD> </tr> <TR valign=top> </TD> <TD valign=left width=795 height=1><IMG src="/images/"> <IMG src="/images/"></font></TD> </TR> </TABLE> <TABLE cellSpacing=20 valign=top cellPadding=0 height=100% width=100% border=1> <TR valign=top> <TD width=1%> <div style="border: solid 10px #A30100;"><div> <table class="with_color" cellSpacing=0 cellPadding=0 width=100% border=0> <TR> <TD><font class=tbody> <form action="/smusermanager/members/default.asp?action=login" method=post name=login language="JAVASCRIPT" onsubmit="return Validate();"><input type=hidden name=todo value="login"><input type=hidden name=url value="/smusermanager/members/default.asp"> <table border=0 cellspacing=0 cellpadding=0 width=95% align=center class=colorformborder><tr class=colorformborder><td><table border=0 cellspacing=0 width=100% cellpadding=0><tr class=colorformborder><td colspan=2><table border=0 cellspacing=1 cellpadding=5 width=100% colspan=2><tr class=colorformheader><td colspan=2><font class=textsize9><font color=white><b>Login Here</b></font></td></tr> <tr class=colorformfields><td align=center colspan=2><font class=textsize9></font></td></tr><tr class=colorformfieldsalt><td align=right width=50% ><font class=textsize9>Email Address</font></td><td><font class=textsize9><input class=fieldbox type=text size=20 maxlength=50 name="members_username"></font></td></tr> <tr class=colorformfields><td align=right width=20% ><font class=textsize9>Password</font></td><td><font class=textsize9><input class=fieldbox type=password size=20 maxlength=50 name="members_password"></font></td></tr><tr class=colorformfields><td colspan=2 align=right><font class=textsize9><input class=fieldbox type=submit value="Login" id=submit2 name=submit2></font></td></tr> </td></tr></table></td></tr></table></td></tr></table></form> <div style="padding-left: 24px;"><br><br> <font face="Arial" color="#000000" size="3"><img src="/images/Hphone.gif" style="vertical-align: middle;"> <a href="?action=login"><font color="#ffffff"> Home</a><br><br> <IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone12.gif" style="vertical-align: middle;"><a href="?action=register"><font color="#ffffff"> Register</a><br><br> <IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone2.gif" style="vertical-align: middle;"><a href="?action=forgotusername"><font color="#ffffff"> FAQ</a><br><br> <IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone3.gif" style="vertical-align: middle;"><a href="?action=forgotusername"><font color="#ffffff"> Terms Of Use</a><br><br> <IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone4.gif" hspace="4px" style="vertical-align: middle;"> <a href="?action=forgotusername"><font color="#ffffff"> Contact Us</a><br><br> <IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone5.gif" style="vertical-align: middle;"><a href="?action=forgotpass"><font color="#ffffff"> Forgot Password</a><br><br> <IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone7.gif" style="vertical-align: middle;"><a href="?action=forgotusername"><font color="#ffffff"> Forgot Username</a></font> <IMG src="/images/clear.gif" width=1 height=5> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </div> </TR> </TABLE> </TD> <TD width="1" height=100% background="/smusermanager/images/dot.gif"> <TABLE cellSpacing=0 valign=top cellPadding=0 width=1 border=0> <TR valign=middle> <TD valign=middle class=lightgrey><IMG src="/smusermanager/images/clear.gif" height=20 width=1 align=absmiddle></TD> </TR> <TR valign=top height=2> <TD class=white><IMG src="/smusermanager/images/clear.gif" height=2 width=1 border=0></TD> </TR> <TR valign=top height=3> <TD class=gray><IMG src="/smusermanager/images/clear.gif" height=3 width=1 border=0></TD> </TR> </TABLE> </TD> <TD width=100% style="border-left: Solid #000000 1px;"> <TABLE cellSpacing=0 cellPadding=0 width=100% border=0> <TR valign=middle> <TD valign=middle class=lightgrey><IMG src="/smusermanager/images/clear.gif" height=20 width=1 align=absmiddle></TD> </TR> <TR valign=top height=2> <TD class=white><IMG src="/smusermanager/images/clear.gif" height=2 width=1 border=0></TD> </TR> <TR valign=top height=3> <TD class=gray><IMG src="/smusermanager/images/clear.gif" height=3 width=11 border=0></TD> </TR> <TR> <TD valign=top><font class=tbody> <style> </TABLE> </Body> </HTML> Hi everyone, What I am asking is more complicated than the thread title says. Can someone please tell me how, or post some code to show how I can make input fields with these properties: 1. Make text appear in an input field whilst off focus but dissapear whilst on focus, re-appear again if put back on focus. 2. The user can type text in the field and edit it and when the input field is off focus the text he wrote remains there. 3. If the user completely erases the text he wrote and puts the input field off focus the default text (stated in 1.) re-appears. 4. Make a password input field without the default text (1.) being displayed as stars (hidden charaters) with same features as 1. , 2. , and 3. ofcourse. Can anyone please help me?... Evan I'm trying to create a website with fields that our accounts can just add in the numerical value and the formulas will do the rest. It's for a company intranet site. its a server running Windows Server 03 using IIS to run the site. kinda like a web based excel sheet, with out the spreadsheet look. I want to develop a website that uses background images with text input fields aligned over it. I have been developing HTML for years, but until now it's all been basic stuff - I want to get more creative with this new site. I develop my pages using a text editor, but if there is a good GUI editor that can handle complex designs I'd be willing to buy it or use something like Komposer. I have attached what I have started, so you can see what I'm attempting. BTW: This site (htmlforums.com) is one of the most creative sites I've ever seen. Nice job! Thanks! --Bob Forgive me if this seems like a stupid question but I need help... I'm trying to do a simple online form that emails me the results from a few fields. Here is the code: Code: <form action="http://cm1web1/WebSurveyComponents/script/processform.asp" method="post"> <!-- Mandatory "hidden" objects --> <p> <input type="hidden" name="strInputElements" readonly value="Suggestion"> <input type="hidden" name="strInputElements" value="Name"> <input type="hidden" name="strInputElements" value="Email"> <input type="hidden" name="strInputElements" value="Business Unit"> <input type="hidden" name="intSendMode" readonly value="0"> <input type="hidden" name="strSendParms" readonly value="mark@website.com,CSPS Intranet Suggestion Box"> Name: <input type=text name="Name"> <br>(optional, but required if you would like a response to your comments or suggestions)</p> <p>Email: <input type=text name="Email"> <br>(optional) </p> <p>Business unit: <input type=text name="Business Unit"> <br>(optional) </p> <p> <textarea name="Suggestion" rows="12" cols="40">Write your feedback or suggestion here</textarea> <br> <br> <input name="Send" type="submit" value="Send"> <input name="Clear" type="reset" value="Clear"> </p> <p>(Unless you fill in your name and/or email, this form is completely anonymous)</p> </form> And the email I receive looks like this... Field = Suggestion Response = Write your feedback or suggestion here Field = Name Response = Field = Email Response = Field = Business Unit Response = The "Suggestion" field works fine, but the Name, Email and Business Unit fields all come through with blank responses. Any ideas? Thanks! Mark Hey Guys, I am sure it is something stupid that i am doing but cant figure it out.. I have 3 pages A,B and C. Users go to A and enter a search criteria, Paage B gives the result, with action(delete), on clicking the link users are directed to page C with a back link to page B in case they want to delete more entries.. For some reason i cannot get the search criteria (from A) to be transfererd from B to C. Any help would be appreciated.. thanks.. Code on B HTML Code: <form method="POST" action="C.asp"> <input type="hidden" name="hdnSearchCriteria2" value="<%=strUpdateOption%>"> <input type="hidden" name="hdnSearchKey2" value="<%=strUpdateKey%>"> The response.write for strUpdateOption works fine... On page B I also have a link HTML Code: <a href=""../Delete/HdwDelete.asp?HdwID="& rs.Fields("ID") &" "">Delete Record</a> </Form> ON page C HTML Code: <% strSearchCriteria1 = Request.QueryString("SrchFor") strSearchCriteria1 = Request.Form("hdnSearchCriteria2") strSearchKey1 = Request.Form("hdnSearchKey2") ... i can read the strHdwID but not strSearchCriteria1 any suggestions ??? thanks tanmay Hi all, I have an exam form wherein a student fills up all the details of the exam ad clicks on submit. The data is stored in an access database. I need to send all the fields in the form to an address specified in the form field as well as a confirmation email to a specific address. Please let me know how do i resolve this Regards, Nimish. Hi there, I am looking for a way that if a user clicks on a button on my website it will autofill a search field on a website that I have no control over. I have been told that I just need to add the url http://www.externalsite.com?fieldname=123456789 This doesn't seem to work. Can anyone help with this? I'm stuck. I've got a form up, just about ready to go public, but I need to set it so that certain fields are required. In the past I've done this without any problem... Usually using just a hidden field, value="required" and listing the fields that are required. But, for some reason, it's not working on this form. Here's the form: http://www.weddingsbybelles.com/contact/survey.htm Quick fix? Is there another easy alternative? Any idea why my old standby stopped working? suppose i have a form in which all the information are asked about a person. if person is male then the fields which are meant for female should be locked.. and same with vice versa... so please tell me how i can do that in html????? Hi I made an online application for people to fill out if they want to work with us. I went to w3schools and tried to figure it out. Im a complete noob at this kind of stuff and im not sure why its now working i have double checked it and it is similar to the example i read on their site.. Please help me, I just want it the form to get send to my email. Thank you here is the code i had to split it in 2 posts because it was too long.. sorry <!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><style type="text/css"> <!-- .style1 {font-size: 18px} --> </style></head> <body> <form action="customerservice@gbcmain.com" method="post" enctype="text/plain"> <label>First Name <input type="text" name="firstname" id="firstname" /> </label> <label>Last Name <input type="text" name="lastname" id="lastname" /> </label> <label>SSN <input type="text" name="ssn" id="ssn" /> </label> <p> <label>ADDRESS <input type="text" name="address" id="address" /> </label> <label>City <input type="text" name="city" id="city" /> </label> <label>State <select name="state" id="state"> <option selected="selected">Select One</option> <option>Alabama</option> <option>Alaska</option> <option>Arizona</option> <option>Arkansas</option> <option>California</option> <option>Colorado</option> <option>Connecticut</option> <option>Delaware</option> <option>Florida</option> <option>Georgia</option> <option>Hawaii</option> <option>Idaho</option> <option>Illinois</option> <option>Indiana</option> <option>Iowa</option> <option>Kansas</option> <option>Kentucky</option> <option>Louisiana</option> <option>Maine</option> <option>Maryland</option> <option>Massachusetts</option> <option>Michigan</option> <option>Minnesota</option> <option>Mississippi</option> <option>Missouri</option> <option>Montana</option> <option>Nebraska</option> <option>Nevada</option> <option>New Hampshire</option> <option>New Jersey</option> <option>New Mexico</option> <option>New York</option> <option>North Carolia</option> <option>North Dakota</option> <option>Ohio</option> <option>Oklahoma</option> <option>Oregon</option> <option>Pennsylvania</option> <option>Rhode Island</option> <option>South Carolina</option> <option>South Dakota</option> <option>Tennessee</option> <option>Texas</option> <option>Utah</option> <option>Vermont</option> <option>Virginia</option> <option>Washington</option> <option>West Virginia </option> <option>Wisconsin</option> <option>Wyoming</option> <option>Other</option> </select> </label> </p> <p> <label>Zip <input type="text" name="zip" id="zip" /> </label> </p> <p>Are you 18 years or older? <label> <input type="radio" name="radio" id="yes18" value="yes18" /> Yes</label> <label> <input type="radio" name="radio" id="no18" value="no18" /> No</label> </p> Hello Does anyone knows since when (or which html version) it is allowed to define form input names as arrays such as: ex: <form ...> <input name="MyArray[email]" /> <input name="MyArray[phone]" /> </form> Now then... I host with Aventure who use cPanel. I have created a passworded directory and have a number of users set up with usernames and passwords.. which is all very nice, but I can not find a way of adding Username and Password fields to a web page as oposed to clicking on a link which then brings up a seperate box to fill in (see www.strictly-smokin.co.uk). Any clues? I'd just like two fields for users to input their details without that box appearing... Cheers, mmiicchhaaeelll |