|
HTML - Making Form Results Look Attractive
Hello everyone,
I am creating a HTML form which is driven by PHP. This is working fine, but when I get results in email box they appear like this. Name : james Email : Telephone : dhfjdfjdhf Collection_address : fhdjfhdjhjh Number_of_bedrooms_current_location: : jhhjhjh Delivery_address : hjhhj Number_of_bedrooms_new_location : hjhhj Items_that_need_moving : hjhhj Pack_items : No Store_any_items? : NO Provide_details : hjhhjhj Submit_email : Submit Is there any way of making form results look more attractive to the reader of the email form? If so where is the code applied for the doing this? Will it be on contact form itself? Thanks Similar TutorialsWell i'm a total newby at this and i was wondering if you guys could help me out with this i want a form with a textbox so someone can put something in the textbox and click a sumbit button and then what ever they put in the textbox can be stored and the submit button redirects them to another page... is this possible? Hi guys, I am building a site for a new company and they need a page with a form on it that a user can fill out, that gets sent to the company, which they use to send back a quote. So obviously the form will require fields for the users name and other important details. As for the actual info needed to make the quote, there are three different types of quote (so maybe three different forms would work?) The forms are as follows: Marine Type of boat: Length: Height to antifoul line: Hull: Material: Antifoul re-application: (yes/no) Marina location: Automotive Make: Model: Year: Type of strip: Condition: Rust: Blast location: Home location: Swimming Pool Type of pool: locaton: Size (m squared): Depth: Shape: Tiled: (yes/no) Re-paint: (yes/no) Blast location: This excel file also shows the forms required: http://www.mediafire.com/?33oxx0zf6tac8ap I would greatly appreciate it if someone showed me how i can make these forms using HTML. Thanks i want my form to send me an email of the information they filled in and also go to the paypal website i have both action scripts working im just curious if you're aloud to use two different action scripts for the same form if not, how may i do this another way? Hello professional web geniuses. I just built a website for the first time (actually its the third attempt after getting some much needed tips on design) my site has a "Free Consultation" button that leads the potential client to a form. http://www.fighttheticket.ca/index_f...20Consultation I have two problems with the form. 1. It does not send the information to the email address that I though I programmed it to go to. 2. After the potential client fills out the form and hits "Submit" it goes to a 404 page not found page. I really am at my wits end. Ive tried changing the properties as well as other fixes but nothing seems to work. I would pay someone to help but, quite frankly I am broke! (Im just starting the business) Can anyone offer some advice that can make me sane again? Thank you in advance. Hi all, I am a novice web developer, building a site for a friends business and i have decided to use a pre-designed template...which has gone well so far. I have encountered a small problem though. I am trying to make a contact form for the 'Contact us' page. As in one of those little forms with a few text boxes for the users own details and a bigger text field for a message which will then be sent to a specified email address when a submit button is pressed. The code that came with the template is as follows: HTML Code: <article>
<div class="content">
<form action="" id="contacts-form">
<fieldset>
<div class="grid_7 alpha">
<label><input type="text" value="Name:" onfocus="if(this.value=='Name:') this.value='';" onblur="if(this.value=='') this.value='Name:';"/></label>
<label><input type="text" value="E-mail:" onfocus="if(this.value=='E-mail:') this.value='';" onblur="if(this.value=='') this.value='E-mail:';"/></label>
<label><input type="text" value="State:" onfocus="if(this.value=='State:') this.value='';" onblur="if(this.value=='') this.value='State:';"/></label>
<label><input type="text" value="Fax:" onfocus="if(this.value=='Fax:') this.value='';" onblur="if(this.value=='') this.value='Fax:';"/></label>
</div>
<div class="grid_8 omega">
<textarea onfocus="if(this.value=='Message:') this.value='';" onblur="if(this.value=='') this.value='Message:';">Message:</textarea>
<div class="wrapper">
<a href="#" class="button" onclick="document.getElementById('contacts-form').submit()">Submit</a><a href="#" class="button" onclick="document.getElementById('contacts-form').reset()">clear</a>
</div>
</div>
</fieldset>
</form>
</div>
</article>
Problem is that nothing happens when i click submit. I am told that in the 3rd line of code where it says form action= that i should put mailto:address but that didn't work. Can someone please help me figure out this code so when the submit button is pressed, a message is actually sent? Thanks in advance, Josh i want to make a form like this http://www.i4jagan.in/join%20us.asp and save it as pdf with numbering 1,2,3,4.... and email that to my email id (gmail)how to make it can any one help me plz urgent... I want a form so a person can type in a story and it can be sent to the database, where users can browse it in the stories section of my site. I have no idea where to start! So all I want to do is to make a form where I can upload files to my webserver. I'd just like to stick to plain old HTML if possible. I made the form and the page but the problem is that when I upload a file the form gets submitted properly and it goes to another web page that is set as the action on the form however the file is nowhere to be seen! I thought that the file would just automatically appear in the same directory that the html file where the submitting form is. So does anyone know where my file is? Thanks! I am having a bit of a problem. I need to replace a submit button with an image (addtocart.gif). It sounds easy enough, but for some reason when I change the coding, my link does not pop-up in a new window, as it currently does. I need the image to open up my shopping cart preview page. Any help would be greatly appreciated. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var mywindow;
var features='width=530,height=500,left=200,top=200,scrollbars=yes';
window.onload=function() {
document.forms[0].target='mypopup';
document.forms[0][3].onclick=function() {
makePopup();
}
}
function makePopup() {
if(mywindow) {
mywindow.close();
}
mywindow=window.open('','mypopup',features);
mywindow.focus();
}
</script>
</head>
<body>
<form method="post" action="http://ww11.aitsafe.com/cf/add.cfm">
<div>
<input type="hidden" name="userid" value="D745330"/>
<input type="hidden" name="price" value="19.95"/>
<select name="product">
<option value="Red shirt w/ logo (XS)">X-Small</option>
<option value="Green shirt w/ logo (S)">Small</option>
<option value="Blue shirt w/ logo (M)">Medium</option>
<option value="Red shirt w/ logo (L)">Large</option>
<option value="Green shirt w/ logo (XL)">X-Large</option>
<option value="Blue shirt w/ logo (XXL)">XX-Large</option>
</select>
<p>
<input type="submit" name="post" class="submit" value="submit"/>
</div>
</form>
</body>
</html>
So, I have made a form as a pre-LAN-event thing.. The problem is that I have never really used forms before and am not really that familiar with more advanced HTML besides simple layout stuff.. So my question is, how do I take the information from this form: HTML Code: <form name="input" action="Result.asp" method="get"> <font size="2" face="arial">Gender:<select name="gender"> <option value="male">Male</option> <option value="female">Female</option> </select> <br> Age:<select name="age"> <option value="12">0-12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25+</option> </select><br><br /> <b><u>What games do you want to see tournament in?</u></b><br /> <input type="checkbox" name="Game" value="CS16" /> Counter Strike 1.6<br /> <input type="checkbox" name="Game" value="CSS" /> Counter Strike Source<br /> <input type="checkbox" name="Game" value="LoL" /> League of Legends<br /> <input type="checkbox" name="Game" value="LoLD" /> League of Legends Dominion<br /> <input type="checkbox" name="Game" value="TF2" /> Team Fortress 2<br /> <input type="checkbox" name="Game" value="TF2" /> Left 4 Dead 2 Versus<br /> <input type="checkbox" name="Game" value="MC" /> Minecraft PvP<br /> <input type="checkbox" name="Game" value="BC" /> Bloodline Champions<br /> <input type="checkbox" name="Game" value="RoA" /> Rock of Ages<br /> Other: <input type="text" name="otherGame" /> (ex. 1, ex. 2, osv.) </font><br /> <input type="submit" value="Submit" /> </form> and submit it to another page so I can go on there and see how many males, females and people of different ages that have signed up, and what games they wanted. Sorry if it is a noobish question.. Thx in advance. - Ward, out! Hi, its been many years since i've done any website / html work but a friend of mine asked me to help him add a form to his marriage website that basically works as a RSVP option. he wants people to be able to add their name and click if they are going to be attending or not...click submit and have it send it to his e-mail. Making the form was easy (and i won't bore u with the code), the only problem i'm having with is how to make the submit button send an e-mail. I did some looking and it seems like its going to require the user to have sending e-mails enabled thru their browser? does anyone know of an easy way to do this (preferably one that doesn't require the user to have any sort of brain) ? Simple is better and all i need is a quick fix thx for any help bigunn Hello, I have a form which links to Results.htm Basically I want the title of that page which opens in a new window to be whatever was input in the form previously. Hope you all can help me, it's been bothering me for quite some time. Thanks, Jooey Hello all, I searched the board for an answer and didn't have any luck. This makes me wonder if what I want to do is possible. I have a webpage that uses divs to section the page into four sections (top, bottom, content, and navigation). On the navigation side is where users select a set of form options and based on those options details should display in the content section. Frames is not an option as we're trying to get away from frames and I need to make subsequent pages for other things without the frames. Thanks in advance for you helpm ~ML I am trying to create a form where I can check boxes of skills to return results of how many "departments" i have checked have those skills. It would look something like this: Check box - Description of skill1 Check box - Description of skill2 Check box - Description of skill3 SUBMIT BUTTON Department | Skill1 | Skill 2 | Skill 3 | Total -------------------------------------------------- ABC________1_______1______0____2 XYZ ________1_______1______0____2 So I need a code where I can check the boxes that apply, hit the submit button and have a value box display in each department instance if there was a match of not (1 = match 0 = no) So if i checked box skill 1 and skill 2 there would return a 1 under skill 1 and 2 for each department and show the tally of that under the total. Can someone help? thanks! Hi Folks, Is there a way to target the results of a form on one of my pages to a frame in a frameset. I have a form which produces a search on a site I pay to use. I want the results of this search to be in the bottom of a two row frameset. The top row of the framset will have links back to. The form itself is on my main page and is NOT a part of a frameset. Hope i have been clear. I'm assuming I may have to use javascript or php but not sure. All the best, Libman Hope someone can help me. I've got a html page set up so that my clients can type in their name, choose several options via radio buttons, an option to clear the form, then submit the form. What I'm having trouble with is how to obtain the information from the form. I think I would prefer this to be retrieved via email. Is there a way I can: 1. Have the subject of the email be the name of the client (whatever they type in) 2. The results of the form sent to my email (let's say it's myemail@university.edu) Thanks in advance! Here is the html code I have: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Bonus</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <form method = "post" action = "mailto:myemail@university.edu"> <p> Type your name in the box below then select the advancing team and click <i>submit</i> when finished. </p> <p> Name: <input type = "text" name = "name" maxlength = "30"/> </p> <table border = "5"> <tr> <td colspan = "2" align = "center"><b>STANLEY CUP PLAYOFF HUNT BRACKET</b></td> </tr> <tr> <td width="328" align = "center">Eastern Conference</td> <td width="359" align = "center">Western Conference</td> </tr> <tr> <td><input type = "radio" name = "group1" value = "BB"/>Boston Bruins (1) <input type = "radio" name = "group1" value = "MC"/>Montreal Canadiens (8)</td> <td><input type = "radio" name = "group2" value = "SJS"/>San Jose Sharks(1) <i>vs.</i> <input type = "radio" name = "group2" value = "AD"/>Anaheim Ducks (8)</td> </tr> <tr> <td><input type = "radio" name = "group3" value = "WC"/>Washington Capitals (2)<input type = "radio" name = "group3" value = "NYR"/>New York Rangers (7)</td> <td><input type = "radio" name = "group4" value = "DRW"/>Detroit Red Wings (2) <i>vs.</i><input type = "radio" name = "group4" value = "CBJ"/>Columbus Blue Jackets (7)</td> </tr> <tr> <td><input type = "radio" name = "group5" value = "NJD"/>New Jersey Devils (3) <input type = "radio" name = "group5" value = "CH"/>Carolina Hurricans (6)</td> <td><input type = "radio" name = "group6" value = "VC"/>Vancouver Canucks(3) <i>vs.</i><input type = "radio" name = "group6" value = "SLB"/>St. Louis Blues(6)</td> </tr> <tr> <td><input type = "radio" name = "group7" value = "PP"/>Pittsburgh Penguins (4) <input type = "radio" name = "group7" value = "PF"/>Philadelphia Flyers (5)</td> <td><input type = "radio" name = "group8" value = "CB"/>Chicago Blackhawks (4) <i>vs.</i><input type = "radio" name = "group8" value = "CF"/>Calgary Flames (5)</td> </tr> </table> <p></p> <p><input type = "reset" value = "Reset"/> <input type = "submit" value = "Submit" /></p> </form> </body> </html> I would like to know how to create a mini form of two pull down boxes so that when the two selections have been made and submitted it returns back a designated page or picture. For example I want to build a simple method to show routes of an office building. Pulldown box 1 would be the office number you want to start from, and pulldown box two would be the office you want to get to. when you click submit it would pull up either a page or picture which contains the corrrect floor plan and route. I feel like this should not be too hard as I don't need anything very flashy. I just don't know how to start it. If anyone knows of something open source already created to do this I would be open to that too. Thanks in advance for any assistence you can give. Hi. I am creating web service. But the problem must be somewhere on HTML page. When I submit form, the data send by web service (java program) to the page does not show up. If I do not submit form, then the program works; results appear on the page. The form is submitted invoking pushSubmit() javascript function. This method is invoked from setMessage() javascript function. I submit form cause in this way I discover what value is selected on drop down list. This is done using JSP code. Can I do it somehow else. Next action using retrieved data is to invoke Java class on server side. What might be the problem? This is the code: Code: <%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" pageEncoding="UTF-8" %>
<%@ page import="mart.ebay.database.ReadsCategoryTable" %>
<jsp:useBean id="categoryList" class="mart.ebay.database.ReadsCategoryTable" scope="request" />
<jsp:setProperty name="categoryList" property="*"/>
<!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>eMart</title>
</head>
<body class="create"> <!-- shows items from that country by default -->
<%
// String strSiteId = "EBAY-GB";
// Object categoryList = session.getAttribute("items"); // receives result from servlet
// out.println(categoryList + " result ++++++++++++++++++++++++++++");
// strSiteId = (String)session.getAttribute("siteId");
// strSiteId =(strSiteId == null)? "": strSiteId;
// out.println(strSiteId+ " strSiteId +++++++++++++++");
%>
<%
String result= "";
String strSiteId = request.getParameter("siteId");
strSiteId =(strSiteId == null)? "": strSiteId;
if(strSiteId.equals(""))
{
out.println(strSiteId+ " global ID is empty");
result= categoryList.readTable("EBAY-GB");
}
else
{
out.println(strSiteId+ " this is global ID");
result= categoryList.readTable(strSiteId);
}
%>
<div id="container">
<div id="header">
<h1>Header</h1>
<!-- end of header--> </div>
<div id="mainContent">
<h1>Main content</h1>
<!-- onsubmit="run()" -->
<form name="form" id="form1" action="index.jsp" method="post" >
<table id="input" border="0" cellpadding="0" cellspacing="5">
<tr>
<th align="left">Looking for</th>
<th align="left">Location</th>
<th align="left">Category</th>
</tr>
<tr>
<td align="left"><label><input style="width: 230px" type="text" name="message" id="message" /></label> </td>
<td>
<select name="siteId" id="siteId" >
<option <%=(strSiteId.equals("EBAY-AT"))?"selected":""%> value="EBAY-AT">Austria</option>
<option <%=(strSiteId.equals("EBAY-AU"))?"selected":""%> value="EBAY-AU">Australia</option>
<option <%=(strSiteId.equals("EBAY-CH"))?"selected":""%> value="EBAY-CH">Switzerland</option>
<option <%=(strSiteId.equals("EBAY-DE"))?"selected":""%> value="EBAY-DE" >Germany</option>
<option <%=(strSiteId.equals("EBAY-ES"))?"selected":""%> value="EBAY-ES">Spain</option>
<option <%=(strSiteId.equals("EBAY-FR"))?"selected":""%> value="EBAY-FR">France</option>
<option <%=(strSiteId.equals("EBAY-FRBE"))?"selected":""%> value="EBAY-FRBE">Belgium (French)</option>
<option <%=(strSiteId.equals("EBAY-NLBE"))?"selected":""%> value="EBAY-NLBE">Belgium (Dutch)</option>
<option <%=(strSiteId.equals("EBAY-FRCA"))?"selected":""%> value="EBAY-FRCA">Canada (French)</option>
<option <%=(strSiteId.equals("EBAY-ENCA"))?"selected":""%> value="EBAY-ENCA" onclick="pushSubmit()" >Canada (English)</option>
<option <%=(strSiteId.equals("EBAY-GB"))?"selected":""%> value="EBAY-GB" selected="true">United Kingdom</option>
<!-- <option value="EBAY-HK">Hong Kong</option> -->
<option <%=(strSiteId.equals("EBAY-IE"))?"selected":""%> value="EBAY-IE" onclick="pushSubmit()" >Ireland</option>
<option <%=(strSiteId.equals("EBAY-IN"))?"selected":""%> value="EBAY-IN">India</option>
<option <%=(strSiteId.equals("EBAY-IT"))?"selected":""%> value="EBAY-IT">Italy</option>
<!-- <option value="EBAY-MOTOR">Motors</option> -->
<option <%=(strSiteId.equals("EBAY-NL"))?"selected":""%> value="EBAY-NL">Netherlands</option>
<option <%=(strSiteId.equals("EBAY-NLBE"))?"selected":""%> value="EBAY-NLBE">Belgium (Dutch)</option>
<option <%=(strSiteId.equals("EBAY-PH"))?"selected":""%> value="EBAY-PH">Philippines</option>
<option <%=(strSiteId.equals("EBAY-PL"))?"selected":""%> value="EBAY-PL">Poland</option>
<option <%=(strSiteId.equals("EBAY-SG"))?"selected":""%> value="EBAY-SG">Singapore</option>
<option <%=(strSiteId.equals("EBAY-SE"))?"selected":""%> value="EBAY-SE">Sweden</option>
<option <%=(strSiteId.equals("EBAY-MY"))?"selected":""%> value="EBAY-MY">Malaysia</option>
<option <%=(strSiteId.equals("EBAY-US"))?"selected":""%> value="EBAY-US">United States</option>
</select>
</td>
<td>
<select name="Category" >
<option value="100" ><%= result%></option>
</select>
</td>
<td> <label> <input type="button" value="Start" onclick="run()"/></label></td>
</tr>
</table>
</form>
</div>
<div id="footer">
<p>Footer</p>
</div>
<!-- the end of container--></div>
<script type="text/javascript">
function getXmlHttpRequest() {
try
{
// Firefox, Opera 8.0+, Safari
return new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
return new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
return new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser does not support AJAX!");
return null;
}
}
}
}
function setLocation(location)
{
strSiteId = location;
var xmlHttp = getXmlHttpRequest();
xmlHttp.open("GET","app/messages/location/" + location,true);
xmlHttp.send(null);
}
function setCategory(category)
{
var xmlHttp = getXmlHttpRequest();
xmlHttp.open("GET","app/messages/category/" + category, true);
xmlHttp.send(null);
}
function setMessage(index)
{
var xmlHttp = getXmlHttpRequest();
//alert(index)
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
// document.write(xmlHttp.responseText.indexOf("<body>"));
if(xmlHttp.responseText.indexOf("<body>") != -1) {
s = xmlHttp.responseText.substring(xmlHttp.responseText.indexOf("<body>") + 6, xmlHttp.responseText.indexOf("</body>"))
document.getElementById("output").innerHTML=s;
} else {
document.getElementById("output").innerHTML=xmlHttp.responseText;
}
pushSubmit() // submits form
}
}
xmlHttp.open("GET","app/messages/" + index,true);
xmlHttp.send(null);
}
function run(){
setCategory(document.form1.Category.value)
setLocation(document.form1.siteId.value)
setMessage(document.form1.message.value)
alert(document.form1.Category.value+" "+document.form1.siteId.value+ " "+document.form1.message.value)
}
function pushSubmit() {
document.getElementById('form1').submit();
}
</script>
<%
// sessionObj = null;
//arlItems = null;
//session.removeAttribute("items");
//session.removeAttribute("siteId");
%>
<h3>result</h3>
<div id="output" style="border: 1px solid black; color: black; height: 18em; width: 100%"></div>
</body>
</html>
Hello all. I am kinda a noobie at this, so dont get mad at me! How would i make a bkg not tiled? Im not exactly sure. Please help. http://img91.imageshack.us/img91/335...idealolza9.jpg Hey anyone out there willing to help, i'd like my site to look like this but have no idea of how to do it LOL. That would be the main page, the images would be different of course, and then i would hyperlink the 'about us,' 'contact,' and 'news' to another page, but i'll worry about those later. So for now, any idea of how to do it? |
|||||||