HTML4kidz - Compendium

continue:	attention , e-mail
back:	frames
	sample

Forms

forms

Of course, sometimes the User at the browser has the need to give responses, or to ask, to somebody, who is responsible for the website, he is browing on. This is done in HTML with so called forms. To create forms, you need a set of HTML tags, that are :

definition of the form itself
<FORM ACTION=actiontype>
.........
...... some of the other form related tags
.........
</FORM>

single line entry field
Description : <INPUT TYPE=TEXT NAME=referencename SIZE=size MAXLENGTH=length>

single line entry field with preentered text
Description : <INPUT TYPE=TEXT NAME=referencename SIZE=size MAXLENGTH=length VALUE=text>

invisible password entry
Description : <INPUT TYPE=PASSWORD NAME=referencename SIZE=size MAXLENGTH=length>

multiline entry field
<TEXTAREA NAME=referencename ROWS=number COLS=number>
</TEXTAREA>

multiline entry field with preentered text
<TEXTAREA NAME=referencename ROWS=number COLS=number>
preentered text
second line of preentered text
etc.
</TEXTAREA>

selection list with single selection allowed
<SELECT NAME=referencename >
<OPTION VALUE=referencevalue >shownvalue
<OPTION VALUE=referencevalue2 >shownvalue2
<OPTION VALUE=referencevalue3 >shownvalue3
</SELECT>

selection list with single selection allowed, one preselected
<SELECT NAME=referencename >
<OPTION VALUE=referencevalue >shownvalue
<OPTION SELECTED VALUE=referencevalue2 >shownvalue2
<OPTION VALUE=referencevalue3 >shownvalue3
</SELECT>

selection list with multiple selection allowed
<SELECT MULTIPLE NAME=referencename >
<OPTION VALUE=referencevalue >shownvalue
<OPTION VALUE=referencevalue2 >shownvalue2
<OPTION VALUE=referencevalue3 >shownvalue3
</SELECT>

Radio Button, only Single Selection allowed
<INPUT TYPE=RADIO NAME=referencename VALUE=select1 >
<INPUT TYPE=RADIO NAME=referencename VALUE=select2 >
<INPUT TYPE=RADIO NAME=referencename VALUE=select3 >
<INPUT TYPE=RADIO NAME=referencename VALUE=select4 >

Checkbox Button, Multiple Selections allowed
<INPUT TYPE=CHECKBOX NAME=referencename VALUE=select1 >
<INPUT TYPE=CHECKBOX NAME=referencename VALUE=select2 >
<INPUT TYPE=CHECKBOX NAME=referencename VALUE=select3 >
<INPUT TYPE=CHECKBOX NAME=referencename VALUE=select4 >

Submit Button
<INPUT TYPE=SUBMIT VALUE=textonbutton>

Image as Submit Button
<INPUT TYPE=IMAGE SRC=nameofimage>

Reset Button
<INPUT TYPE=RESET VALUE=textonbutton>

sample, forms

It views like that


	sample
continue:	attention, e-mail
back:	frames