|
HTML - Need Help Making A Form
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 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? 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? 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... 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 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. 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 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! 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 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>
I was wondering if there was any specific code that i could use to mkae a thumbnail of an image that leads to a larger image, without having to make 2 separate images. 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? Hi there, I am building a website for my products and want to create some tap-like buttons for the product description. Please see the details on this sample site: http://www.christiedigital.com/AMEN/...stieHD10KM.htm So the content has been classfied into "Description", "Overview", "Specifcation", etc on the same HTML page. Does everyone know how to create this feature in HTML coding? Or is there any tool to make this feature? Any suggestions are very welcome. Thanks. Hi, I made a div into a link by making the "a" tag into a block element. Now that I did that, I added text and images to the div, and now the link only works around the text, but fine over the image. How do I get the link to work over the entire div? Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<title>Website</title>
<style type="text/css">
.bbodytext {
margin:0;
position:absolute;
left:90px;
top:40px;
font-family:Arial;
font-size:9pt;
color:#7B7B7B;
width:212px;
height:43px;
}
.bheadtext {
width:200px;
height:20px;
left:90px;
position:absolute;
top:17px;
font-family:Arial;
font-weight:bold;
font-size:10pt;
color:#404040;
margin:0;
}
.link {
display:block;
top:0;
left:0;
width:333px;
height:100px;
position:absolute;
}
#bright {
top:0;
left:666px;
position:absolute;
background-color:#FFFFFF;
width:299px;
height:66px;
padding:17px;
}
#bright:hover {
background-color:#ECEFEF;
}
#bcenter {
top:0;
position:absolute;
background-color:#FFFFFF;
left:333px;
width:298px;
height:66px;
border-right:1px solid #DBDEDE;
padding:17px;
}
#bcenter:hover {
background-color:#ECEFEF;
}
#bleft {
top:0;
left:0;
position:absolute;
background-color:#FFFFFF;
width:298px;
height:66px;
border-right:1px solid #DBDEDE;
padding:17px;
}
#bleft:hover {
background-color:#ECEFEF;
}
#bottom {
height:100px;
width:999px;
position:relative;
box-shadow:rgb(168, 171, 171) 0px 2px 5px;
-webkit-box-shadow:rgb(168, 171, 171) 0px 2px 5px;
-o-box-shadow:rgb(168, 171, 171) 0px 2px 5px;
-ms-box-shadow:rgb(168, 171, 171) 0px 2px 5px;
-moz-box-shadow:rgb(168, 171, 171) 0px 2px 5px;
top:128px;
}
#wrapper {
height:635px;
width:999px;
top:0;
position:absolute;
left:50%;
margin-left:-499.5px;
}
body {
background-color:#DEE1E1;
margin:0;
padding:0;
}
</style>
</head>
<body>
<div id="wrapper" >
<div id="bottom" >
<div id="bleft" >
<a class="link" href="http://www.google.com" ></a>
<img src="images/icon.png" alt="" >
<p class="bheadtext" >Lorem Ipsum Dolor</p>
<p class="bbodytext" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec dapibus odio.</p>
</div>
<div id="bcenter" >
<a class="link" href="http://www.google.com" ></a>
<img src="images/icon.png" alt="" >
<p class="bheadtext" >Lorem Ipsum Dolor</p>
<p class="bbodytext" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec dapibus odio.</p>
</div>
<div id="bright" >
<a class="link" href="http://www.google.com" ></a>
<img src="images/icon.png" alt="" >
<p class="bheadtext" >Lorem Ipsum Dolor</p>
<p class="bbodytext" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec dapibus odio.</p>
</div>
</div>
</div>
</body>
</html>
I am very new to html coding and so I don't no if this is even possible. But what I want to do is have a user click on an image or a button and have another image or text or whatever appear on the same window. I no about the onclick action and understand a little bit about forms. However I am at a real wall on this one. thank you Hi I've found a nice template of a website online (free). But i couldn't find a way to fully make the template RTL. Could anyone assist be with some basics? I could even upload the template. Thanks, Is there a way to make an image or image map link to 2 different places when clicked? Thanks in advance Hello, I am making a template for a website and now with a lot of updates being done I was hoping to create a template thats based on a table structure with just the center portion to change depending on the link that was pressed to access that page. Can this be done with an HTML script? Basically it is like the forum page here where the top portion stays the same just the portion below changes. hi please check my site www.yourdesign.org and please could somebody tell me how i can stop it going all weird in IE, it looks fine in firefox cheers guys n gals is it possible to have div #1 which is 500 x 500 and div #2 which is also 500 x 500 directly above div #2 (rather than below or next to it)? i am thinking of using the z-index to making this happen... am i on the right track? so div #2 will have a z-index which is greater than that of div #1 I've been working for a long while on this script, and I can't get it to work. I'm mostly doing it to learn, because I stink at HTML and pretty much any scripts.. What I'm basically trying to do is make a page with two screens on at once, like a split browser. Since I have practically no experience in HTML, I still haven't figured out how to make the top bar (address bar) stay no matter what site I am on. Help.. please? Address bar code below, may need some work Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>ItsJareds</title>
<script language="javascript">
<!--//
function findworld(form)
{
server = '<frame src="' + form.server.value + '">'
document.write('<html>')
document.write('<frameset cols=* rows=" frameborder=0 border=0>')
document.write(server)
document.write('</frameset>')
document.write('</html>')
}
//-->
</script>
</head>
<body bgcolor="748269">
<div style="position:fixed">
<form name="worldselector">
<TABLE WIDTH="100%">
<right>
<TR>
<TD valign="middle"><font color="3B5E2B" size="4"><strong>Address: </strong></font></TD>
<TD valign="middle">
<input type="input" name="server" size="40">
<input type="button" value="Load Page" onclick="findworld(this.form)">
</TD>
</TR>
</right>
</table>
</form>
</body>
</html>
|
|||||||