|
HTML - Input Fields In Images
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. Similar TutorialsI 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 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 At the least you need to use a scripting language like javascript to achieve what you are trying to do. Help! How to put text in input fields? -------------------------------------------------------------------------------- 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 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> Hi guys, I am working on a site and one of the pages has a weird issue. Sometimes, you cannot click in to: First name: Last name: E-mail: Phone : It is weird, as it usually affects 2 fields at a time and appears to happen randomly. Occurs in IE7 and Konqueror (KDE browser), but not in Firefox. If someone could tell me what is causing the problem, that would be perfect! The page in question is: http://www.premiumdjs.com/contact.php Thanks! this is a noob question how can i align input fields? like Code: <html> <body> <form> username:<input type="text" name="user" /> password:<input type="password" name="pass" /> </form> </body> </html> take this in this by default the text and password fields will come on left hand side but i want it in right . so how can i do that ? Ok so here is my issue, i am new to web site design and i have a simple project i would like to work on. I am looking to have an entry box with a simple submit button, then i would like the submissions to be displayed below in the order they are submitted. I would also like to limit the number of submissions that show on the page at a given time by creating multiple pages that can be viewed. This seems like a very simple issue but im having trouble finding solutions on the web. Would inserting a java app or some other secondary tool be better? Any help is appreciated -Matt Hi What is wrong with this, it can't post text only post checkbox <html> <head> </head> <body> <FORM action="http://localhost:8182/items" method="post"> <P> <LABEL for="firstname">First name: </LABEL> <input type="text" value = "Hamada" id="firstname"><BR> <LABEL for="lastname">Last name: </LABEL> <input type="text" value = "I hate my life" id="lastname"><BR> <LABEL for="email">email: </LABEL> <input type="text" id="email" value = "I hate you"><BR> <INPUT type="radio" name="sex" value="Male"> Male<BR> <INPUT type="radio" name="sex" value="Female"> Female<BR> <input type="submit" value="Submit"> <INPUT type="reset"> </P> </FORM> </body> </html> Thanks 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 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? 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 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 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> 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 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 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 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. 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. 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 |
|||||||