....
FORM & SCRiPTS & GEOstuff...S E C T i O N

....

Welcome to 4th section, this section contain all tag related to from &script but I won’t talk much about script ‘coz Geocities isn’t allow CGI script so, I don’t know much about it anyway. Otherwise Geocities give a couple of free script service, Counter, Mail-Form and Guestbook, I will give an information how to get them. Remember one thing that FORM need CGI script to process it !!! except only some feature that link directly to an exact place without CGI-script such like bottom.




....

As I said before that a normal form need a Cgi-Script to process it.
will do nothing with out it’s attribute, it need a METHOD and ACTION attribute to make it active. METHOD have many type of them, Get, Post, Link etc. I don’t know what exactly the different it was so I don’t talk about it too much, just wanna tell U that normally we use METHOD="POST" for CGI-Script and METHOD="LINK" to create a link bottom or form. If I clearly understand what it’s really mean I will add it on immediately. ACTION is an attribute to lead a form to it’s destination, with CGI-Script the FORM need to guild a browser to a CGI Directory and a Specific Script, In case that we don’t have CGI script, we can use a form to link to another page. If u really want to use a CGI-Script, Geocities allow user to register to Geoplus which allow user using CGI-Script and more feature but U need to pay money for it, I found that some site in WWW is also provide free CGI-Script service such like www.cgi-free.com so U can learn more and found stuff U need there, it’s free. Well I will talk about a "FORM" form because both needed CGI-script and no needed CGI=Script also use a same form anyway. Well this is an example for tag, completed


..….
..….
Mention a different between 2 Tag above, first one lead a whole form to CGI directory and process a form by an action script but second one lead the form to the specific page, example is on my main page see a button? They are part of form when U click at each button it will lead U to a specific page. is very important because it is a gateway for all of your Form, if U miss typing or make it incorrect your from will not active ( don’t forget to put a close tag down !! ).




....

Input tag is almost everything for a form, mention that input tag is one way tag so U don’t need to close it I mean U must not close it. Input tag will tell browser what kind of input for that form used, there are 5 of them here.

....

Both tag will appear as a Button and it very important because All form ( all kind of up-coming style need this button to submit a form ). Submit is use for submit a form, Reset is use for reset the form. Value will Show a text on the Button ( only text enable here ). It normally used at the end of the form, don’t forget that U need to type a complete form tag first. Well, let’s see an example…




The Button will appear like this ( Don’t click it if not necessary!!! )

....

XXX

Radio Type is a circle appearance it allow only one choice made so this is a big different between radio and checkbox input ( checkbox will explain just below this topic ). Next attribute U need to know is NAME, Name is similar to a field name in Database Application and Value is a choice for each radio box. Make it easier by this… Says I want to create a multiple choice for choosing, Topic : My lovely pet. So U can name your field, NAME="PET" and your choice are, dog, cat, fish, turtle, elephant… each VALUE will be each animal type list. Here is an example …

....


DOG
CAT
FISH
< INPUT TYPE="RADIO" NAME="NAME" VALUE="TURTLE"> TURTLE
ELEPHANT

....

And the result will look like this…

DOG
CAT
FISH
TURTLE
ELEPHANT

....

XXX

Checkbox is really similar to radio input, u can specify them a Name and Value but a greater than Radio input is here, Checkbox allow user to click as much as they want even all of the choice ( U can try yourself, click my checkbox and radio !!! U will see by your eyes ) . A previous example is still usable …

....


DOG
CAT
FISH
TURTLE
ELEPHANT

....

result…

DOG
CAT
FISH
TURTLE
ELEPHANT

....

Got an Idea? I hope u can create your multiple choice yourself, hey! There is another choice below, a select tag… much fun! Scroll down now if U wondering or U will reach there later when finish a text tag first.

....

Text input is an Open form, user use to type themselves to complete a form no choice for them. It is slightly different from TEXTAREA tag because Text input allow only single line field so U able to create with your preferred width by using SIZE="XXX" if U didn’t specific it, it will provide U amount of space anyway.

....


....

a Result …

here is more example with specific a size…
t

....

a Result …

....

Hey hey hey this one is much funny, U can create a My-choice text area!!! Yeah U can specific it to appear in one number and allow whole text in another range, confuse? Sorry that my English is sucks… let’s separate in a list
ROW="XXX" : row will show a number of row as U wish.
ROW="3" : row appear only 3 rows.
COL="XXX" : column will appear a limit range.
COL="30" : column appear 30 columns.
MAXROW="XXX" : maximum row for that TEXTAREA.
MAXROW="10" : maximum rows is 10, whatever it appear only 3 rows
MAXCOL="XXX" : maximum column for that TEXTAREA.
MAXCOL="100" : maximum columns whatever it appear just a few.
So U can make your TEXTAREA larger than is looks like so your page won’t show a too big TEXTAREA but still provide enough space to type in … Your TEXTAREA still work even U don’t specific any attribute ( like text input ) but I suggest that U should specific them.

....



....

A Result …

....

U can set your default text by typing between TEXTAREA tag…


Hello, your page is really cool.

....

A Result …

....

Here is an example for a specific TEXTAREA


Hello, your page is really cool.

....

A Result …

....

Wow a lot of tag here, they come as a group tag, cover all group by .
A Result …

GENDER
Don’t forget that U can create a form that contain a combine style, text input with radio and cleckbox for an example. So use each style wisely and U will get a best result. There is last Input left it is not exactly a style input ….. it is Hidden Input …. Opps, if it hidden why we should know… ahh, U will see.

....


This input will not appear in a browser, but if other view your source code they will see it. There are 2 type of name I mentioned here,
NAME="SUBJECT" : This attribute will tell a browser, What is this form all about, yeah it is a subject of the form tag.
NAME="NEXT-URL" : see? It said NEXT-URL so it’s mean NEXT-URL, much easier, it is a place U tell a browser a next page! It is very important that U gotta have a support page, like thanks for filling my form, keep in tough and here is a link to my other stuff, for example. Well, here is a couple example for U.

Don’t forget that this is a part of form tag!! U gotta have a form first and add hidden input to your form
or

so if I got a submit button, when U complete my form and click ‘submit’ browser will lead U to my home.html. Suggestion is U should have a page that support your submit button so your visitor will not lost and have to click back button to start all over again.



....

GEO STUFF

There are some stuff that Geocities provide a free service, Counter, Guestbook and mailto cgi-script ( mention all script that I wrote above, it is my mailto script from Geocities ). Actually they r already explain by Geocities already at Hoemstead Page, but I will talk about it anyway.

COUNTER

IT's very easy getting your own counter! U just post this code on your page, anywhere U want and a counter will appear.U can manage an amount of your counter by go to your own file manager then scholl down... at the bottom of your page U will see a Counter Manager! there, U can set a number U want. There are 2 things U need to do , very simple.
....

GUESTBOOK

I can’t do much about it…
Here is a link to Creating A GeoGuestbook. U must read there text carefully, need further help, mail me I will be right there as fast as I can.

....

MAILTO SCRIPT

U can adapt this Script to all of your form, Geocities provide a free CGI-Script to mail back a form to your mailbox. U just place this source code to your form that’s all.
note : place your member name instead of member.
Well U almost catch on all of my knowledge already…. Yeah just a Frame left. Lest try it out!!!

Choose NEW Section


1