HTML - Making A Story Submission Form?

Hey there.

I have created the site saskannouncements.ca.

If you go to create a post, you'll see I have set up an OK looking submission form.

Here's the problem, you see what the people submit is sent to my email. because I'm just using this free thing off the internet.

Now what I want, is I want to Posts to be automatically posted to where the posters sent it.

How do I set that up?

Basically I want it so they automatically post, and I don't have to copy and paste them in each time. I just want to moniter them as they automatically are placed.

Can anyone help me on this please?

Thanks alot. I really appreciate it. Also if you've got any other pointer's for my new site Feel free to let me know.

Looking forward to hearing from you!

Hello,

I'm trying to put together an online signup form for a children's summer program. I'd like to have a calculator for the total price of classes at the bottom as well as a "submit" button that will email me all entered information.

I had tried using cgiemail (http://web.mit.edu/wwwdev/cgiemail/), which was already installed on my server, but my problem was that it sends me information from the "value" fields, which are already used for the price calculator.

For instance, the price of each class in my sample is $55, so I have the value field for each choice set to 55. Unfortunately, cgiemail also wants to use the value field, so I would receive a list of "55"s rather than class names.

Does anyone have a suggestion for how to fix this? I am very much an amateur at all of this, so if you think there's a better way to set up, I am open to suggestions. Thank you for the help!

Matt

Code:

<form name="classes" onclick="calculate()">
<b>Class Signup Form</b><br><br>

<P>
<b>Child Info:</b>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">Name:</td><td width="350"><INPUT name="childname"></td></tr>
<tr><td width="200">Date of Birth:</td><td width="350"><INPUT name="childage" value="mm/dd/yyyy" maxlength="10"></td></tr>
<tr><td width="200">Age:</td><td width="350"><select name="childage" STYLE="width: 50px;">
<option value="age5" selected="selected">5</option>
<option value="age6">6</option>
<option value="age7">7</option>
<option value="age8">8</option>
<option value="age9">9</option>
<option value="age10">10</option>
<option value="age11">11</option>
<option value="age12">12</option>
<option value="age13">13</option>
<option value="age14">14</option>
</select></td></tr>
<tr><td width="200">T-Shirt Size:</td><td width="350"><select name="childshirt" STYLE="width: 50px;">
<option value="shirtxs" selected="selected">XS</option>
<option value="shirts">S</option>
<option value="shirtm">M</option>
<option value="shirtl">L</option>
<option value="shirtxl">XL</option></td></tr>
<tr><td width="200">Address:</td><td width="350"><INPUT name="childaddress1"></td></tr>
<tr><td width="200"></td><td width="350"><INPUT name="childaddress2"></td></tr>
<tr><td width="200">City:</td><td width="350"><INPUT name="childcity"></td></tr>
<tr><td width="200">State:</td><td width="350"><INPUT name="childstate"></td></tr>
<tr><td width="200">Zip:</td><td width="350"><INPUT name="childzip"></td></tr>
</TABLE>
</p>
<p>Allergy/Medication Information:<br><textarea rows="5" cols="50"></textarea></p>

<P>
<b>Parent/Guardian Info:</b>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">Parent 1 Name:</td><td width="350"><INPUT name="parent1name"></td></tr>
<tr><td width="200">Daytime Phone:</td><td width="350"><INPUT name="parent1phone"></td></tr>
<tr><td width="200">Cell Phone:</td><td width="350"><INPUT name="parent1cell"></td></tr>
</TABLE><br>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">Parent 2 Name:</td><td width="350"><INPUT name="parent2name"></td></tr>
<tr><td width="200">Daytime Phone:</td><td width="350"><INPUT name="parent2phone"></td></tr>
<tr><td width="200">Cell Phone:</td><td width="350"><INPUT name="parent2cell"></td></tr>
</TABLE><br>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">Billing Email:</td><td width="350"><INPUT name="billingemail"></td></tr>
<tr><td width="200">Alternate Email:</td><td width="350"><INPUT name="alternateemail"></td></tr>
</TABLE>
</p>

<P>
<b>Week 1 Classes</b><br>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">9:30 - 10:45</td><td width="350">
<select name="w1c1" STYLE="width: 200px;">
<option value="0" selected="selected">- No Class -</option>
<option value="55" name="DoppClass">Mountain Biking</option>
<option value="55" name="Class 3">Witchcraft</option>
<option value="55" name="DoppClass">Nintendo</option>
</select></td></tr>
<tr><td width="200">10:45 - Noon</td><td width="350">
<select name="w1c2" STYLE="width: 200px;">
<option value="0" selected="selected">- No Class -</option>
<option value="55">Running with Scissors</option>
<option value="55">Trapeze</option>
<option value="55">Dance</option>
</select></td></tr>
<tr><td width="200">1:00 - 2:15</td><td width="350">
<select name="w1c3" STYLE="width: 200px;">
<option value="0" selected="selected">- No Class -</option>
<option value="55">Clock-Building</option>
<option value="55">Monkeys with Hats</option>
<option value="55">Trains</option>
</select></td></tr>
<tr><td width="200">2:15 - 3:30</td><td width="350">
<select name="w1c4" STYLE="width: 200px;">
<option value="0" selected="selected">- No Class -</option>
<option value="55">Cricket</option>
<option value="55">Crochet</option>
<option value="55">Crocodiles</option>
</select></td></tr>
</TABLE>
</p>

<p><input type=button name=calculate value="Calculate Total Price" onClick="pricecalculate();"></P>

<p>$<input type=text name=txtAnswer> </p>

</form>

<script language = "javascript">

function pricecalculate(){
var w1c1=eval(document.classes.w1c1.value);
var w1c2=eval(document.classes.w1c2.value);
var w1c3=eval(document.classes.w1c3.value);
var w1c4=eval(document.classes.w1c4.value);



document.classes.txtAnswer.value=w1c1 + w1c2 + w1c3 + w1c4;
}
</script>

Well 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

How can I restrict form submission to only the Submit button? I find the forms can be submitted also by the user pressing the "enter" or the "return" key (Users typically use IE or Firefox) By a mouseover the "Submit" button, a final check of data integrity is done as follows....

<INPUT type="submit" value="Submit Form" onmouseover="validate(personal_SS.value,personal_SS.id,personal_lastname.value,personal_lastname.id, personal_firstname.value,personal_firstname.id,personal_Birthdate.value,personal_Birthdate.id)"> <INPUT type="reset" value="Clear form"> Data is 128 bit SSL encrypted

function validate(strngSS,x,strngLN,y,strngFN,z,strngBD,w)
{

if (strngSS== "") {alert("You didn't enter a Social Security Number.");
document.ReturnPatientEntry.x.focus();
return;

}
else
{
if ((strngSS.length < 9) || (strngSS.length > 9)) {alert("The Social Security Number is the wrong length. Just use numbers, no dashes... like 123456789 not " + strngSS);
document.ReturnPatientEntry.x.focus();
return;

}
else
{
var illegalChars = /\W\#/;
if (illegalChars.test(strngSS)) {alert( "The Social Security Number contains illegal characters. Just use numbers, no dashes or # signs.");
document.ReturnPatientEntry.x.focus();
return;

}
}
}
validateLN(strngLN,y)
validateFN(strngFN,z)
validateBD(strngBD,w)
}

function validateLN(strng,x)
{

if (strng== "") {alert("You didn't enter a Last Name.");
document.ReturnPatientEntry.x.focus();
return;

}
else
{
if ((strng.length < 3) || (strng.length > 15)) {alert("The Last Name is the wrong length. Just use letters, no dashes... " + strng);
document.ReturnPatientEntry.x.focus();
return;

}
else
{
var illegalChars = /\W\#/;
if (illegalChars.test(strng)) {alert( "The Last Name contains illegal characters. Just use letters, no dashes or spaces.");
document.ReturnPatientEntry.x.focus();
return;

}
}
}
}


function validateFN(strng,x)
{

if (strng== "") {alert("You didn't enter a First Name.");
document.ReturnPatientEntry.x.focus();
return;

}
else
{
if ((strng.length < 2) || (strng.length > 12)) {alert("The First Name is the wrong length. Just use letters, no dashes... " + strng);
document.ReturnPatientEntry.x.focus();
return;

}
else
{
var illegalChars = /\W\#/;
if (illegalChars.test(strng)) {alert( "The First Name contains illegal characters. Just use letters, no dashes or spaces.");
document.ReturnPatientEntry.x.focus();
return;

}
}
}
}

function validateBD(strng,x)
{

if (strng=="") {alert("Please enter a valid Birthdate");
document.ReturnPatientEntry.x.focus();
return;
}
else
{
if ((strng.length<8) || (strng.length>8)) {alert("Please enter your Birthdate in the form mm/dd/yy, not " + strng);
document.ReturnPatientEntry.x.focus();
return;
}
else
{
var illegalChars=/[\-\.\m\,\ ]/;
if (illegalChars.test(strng)) {alert("The Birtdate contains illegal characters, use the format mm/dd/yy, not " + strng);
document.ReturnPatientEntry.x.focus();
return;
}
}
}
}


I know the coding is primitive, but it works. If the "Clear form" button is pressed, multiple consecutive error messages are tripped as the form is cleared. Can I suppress this as well?

Thanks,
Douglas McKibbin
augustasurgery.org

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 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.

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

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>

I recently just created a site: http://celticsinsider.webs.com, and I was wondering how I could put an article submission button on one of my pages? I only know html, by the way.

I was wondering if someone could help me out.

If you go to the page i am currently working on at http://www.tablerunnersent.com/index2.html

If you look mid page you will see an email form.

I was wondering how i would set that form up so if a visitor clicks on submit it would email me at newsletter@tablerunnersent.com the information that they submitted.

This is what i have so far in the HTML Coding:
Code:

< form action="">
				<div>

					<div class="formfield">
					<strong>Name :</strong>
					<input type="text" />

					<br />

					<strong>E-mail :</strong>
					<input type="text" />
					</div>

					<input type="image" src="images/submit_button.gif" class="button_submit" />
					<div class="clearthis">&nbsp;</div>

				</div>
				</form>

I am building a site with two simple forms in it - they are purely for sending through some info, name address etc to an email address.

When I put a form in and test it, I click the submit button and it opens outlook and proceeds to send the data in a long line. Is this all possible in html? I want to do it in the simplest way possible.

Many thanks for your help.