WHAT APPEARS ON YOUR WEB PAGE
THE CODE YOU NEED
*** Basic Form Element ***
(hidden code - start of the form)
There are several ACTION codes that can be used,
For a form on a GeoCities site, Any email address (which will use the visitor's own email client, e.g. Outlook Express) and For processing the form input by either (a) Cold Fusion Processor , or (b) ASP Form Processor .
GEOCITIES FORMS
NOTE: the GeoCities ACTION code may not work. It may appear to send the form but you may never receive it. No one know why this happens at times.
For uses with your GeoCities' Alternate Email Address , use 1st code and if it doesn't work then try the 2nd code. If that doesn't work then try the 3rd code. All codes should work but with GeoCities you never know what will and will not work.
<FORM METHOD="POST" ACTION="http://us.z.webhosting.yahoo.com/forms?login=your-member-name ">
<FORM METHOD="POST" ACTION="http://us.z.webhosting.yahoo.com/forms">
<input type=hidden name="login" value="your-member-name ">
<form method="post" action="http://geocities.yahoo.com/forms?login=your-member-name ">
When a visitor to your Yahoo! GeoCities site submits the form the results will be emailed to the alternate email address you have listed in your Yahoo! Account Information.
If you wish to have the email form sent to some other email address then use this code:
<form method="post" action="mailto:SOME-EMAIL-ADDRESS" enctype="text/plain">
Note: This will work if the visitor utilizes a browser email client, e.g. Outlook, Outlook Express or Netscape. If they don't, then when the visitor clicks on the SUBMIT button all they will get is a blank email screen.
For another method of using the Mailto: please see Javascript Redirect .
SEND TO ANY EMAIL ADDRESS
The basic "any email address" ACTION code is
<form method="post" action="mailto:SOME-EMAIL-ADDRESS" enctype="text/plain">
Copy To Second Address
If you use the above mailto: you can have the form sent as a CC (Carbon Copy) to any other email address by using:
<form method="post" action="mailto:SOME-EMAIL-ADDRESS?cc=2ndemailaddress " enctype="text/plain">
ASP/COLD FUSION ACTION FORM
<form method="post" action="PAGENAME.ASP>
<form method="post" action="PAGENAME.CFM>
(hidden code - subject)SUBJECT In Email
<input type="hidden" name="subject" value="YOUR SUBJECT">
This will place a subject in the email when it is sent to you.
NOTE: It is important that you name each form element.
(hidden code - next url to be displayed)
GeoCities only - Confirmation Page
<input type="hidden" name="next_url" value="URL">
NOTE: - This re-direction to another page, either on your site or any site on the web, is working once more with GeoCities' forms. But it works only with form email using the action="action="http://geocities.yahoo.com/forms?login=your-member-name
This will send the user to any other web page you wish ONLY IF you are using the GeoCities ACTION above . REPLACE the URL with the full url of the page you wish them to see next, e.g. http://www.geocities.com/seniorchamp1/thankyou.html.
NOTE: This will not work if you are sending the form to an email using the "mailto:" above. If you wish to use the "next_url" with a "mailto:" then please see my FORMS RE-DIRECT .
*** Basic Form Element ***
Your Name :
Your Name : <input type="text" size=12 maxlength=12 name="name">
size is the length of the field displayed and maxlength is the maximum number of character that can be entered. The name can be any name you wish, e.g the next example down is for an email address and it is just like this element except the name is different.
SPECIAL NOTE: You can make any text input tag readonly , i.e. you can place anything in the form box and the user can not change it . For example,<input type=text size=5 name="total" value="100" readonly>
This can be useful if you are making an order form and you are filling in the sub-totals or total spaces.
There are javascript codes you can use to place text or numbers in a specific form box. Please see my Javascript Tutorial
*** Basic Form Element ***
Your E-Mail Address:
Your E-Mail Address: <input type="text" size=20 maxlength=40 name="emailfrom"> .
Again, size & maxlength are as described above for the text field.
Vote For Best Golf Course:
Firestone South
Augusta National
Vote For Best Golf Course:
<ol>
<input type="checkbox" name="best_course1" value="FireStone_South">Firestone South
<br>
<input type="checkbox" name="best_course2" value="Augusta_National">Augusta National
</ol>
The <ol> & </ol> are to make an "ordered list". It is not necessary to use these codes.I only use them so the two boxes will appear indented on new lines. Also, note that the two check boxes have the same name but different values. Thus, if both check boxes are checked, both values will be returned in the email.
If you wish to have one or more of the check boxes initially checked, then place the word, checked in the code (it can go anyplace between the < and > and should have spaces around it.
Given the chance to play at a top course, select your golfing partners.
Press Control & Click To Select More Than One
Davis Love III
Arnold Palmer
Greg Norman
Gary Player
Nick Faldo
Nick Price
Ernie Els
Tom Lehman
Given the chance to play at a top course, select your golfing partners.
<br>Press Control & Click To Select More Than One.
<P>
<select name="partners" size=4 multiple size=3>
<option value="Davis">Davis Love III
<option value="Arnie">Arnold Palmer
<option value="Greg">Greg Norman
<option value="Gary">Gary Player
<option value="Nick">Nick Faldo
<option value="price">Nick Price
<option value="Ernie">Ernie Els
<option value="Tom">Tom Lehman
</select>
The size=4 tells the browser to display 4 items in the list before using a vertical scroll bar. The multiple says that more than one item can be select and multiple size=3 says that up to 3 items can be selected.
You can pre-select one or more of the items in the list by placing a selected within the code.
How Do You Wish To Pay For The Golf?
How Do You Wish To Pay For The Golf?
<input type=radio name="pay" value="Cash">Cash
<input type=radio name="pay" value="Visa" checked>Visa
Radio buttons allow only one of the items to be selected.
Please note that each of the input has the same name. This is necessary in order for this element to work properly. Note that I have used a checked for Visa to show it as the default item.
*** Basic Form Element ***
Enter any comments:
Enter any comments:
<br>
<textarea name=comments rows=10 cols=20 wrap=physical>Your comments here</textarea>
The rows & cols define the size of the textarea box. If you want the textarea to be blank then don't put any text where I have Your comments here .
Use wrap="physical" so the text will "line-wrap", i.e when the text gets to the right side of the textarea box it will wrap down to the next line. If you don't put this in then the visitor will find themselves typing on one line until them press the ENTER KEY on their keyboard.
Input A File:
NOTE: This form element does not work and is only shown here as most other form pages show it.
Input A File:
<input type="file" name="attachfile">
This should allow the visitor to browse through their hard drive and select a file to send to you. I have, however, tested this on both my own host and my GeoCities free home page and found it doesn't work either place !
I do not recommend using this, even if you could get it to work, as anyone could send you are file and it may have a virus attached to it . In fact, I strongly recommend that you never, ever open an email attachment due to the threat of a virus.
*** Basic Form Element ***
<input type="submit" value="Submit"> <input type="reset" value="Clear Form">
To use a graphic as the SUBMIT BUTTON use the following code:
<input type="image" src="submitbutton.gif " width=W height=H alt="SUBMIT">
Change the items in RED to represent your graphics name, width and height.
Naturally you can do the same for the CLEAR BUTTON.
*** Basic Form Element ***
(end of the form)
</form> You should always put the end of the form code on your page for each form.