Form

<FORM ACTION="name&_address_of_CGI_script" METHOD="get">
.. </FORM>
<FORM ACTION="mailto:someone@domain.com" METHOD="post">
.. </FORM>
Common Gateway Interface
Elements inside a form are introduced by the
<input> tag
type=“hidden” name=“variable name or field name ”
value=“value that sends to the server”
type =“text” name=“” value =“” size=“25”
type =“submit” value =“”
type =“reset” value =“”
type =“checkbox” value =“” name=“”
1

<INPUT> <input TYPE=“element name">

2

Form example I

Data that would send to server but do
not display on screen

<FORM >
<input type="hidden" name=“title" value="Feedback" />

<p><label>Name:
<input type= "text" name= "name" size="25"
maxlength="30"/>
</label>
send the input the textbox to server
</p>
<input type= "submit" value="Submit your entries"/>
<input type= "reset" value="Clear Your Entries"/>
</FORM > clear the content of textbox

3

Form example II
WRAP=“off” "virtual" "physical"
Masked by asterisk

Space is counted here

<p><label>Comments:<br />
<textarea name= "comments" rows="4" cols="36“WRAP=“off">
Enter your comments here.
</textarea> </label></p>
<p><label>Please input your password:
<input name= "secret" type="password" size="25"/>
</label></p>
<input type= "submit" value="Submit Your Entries"/>
4

<form>
<input name="color" type="radio" value="Green" CHECKED>
<input name="color" type="radio" value="black“>
<input name="color" type="radio" value="blue“>
<input name="color" type="radio" value="red“>
</form>
If we choose 3rd choice then the form reached is: Color=blue
<form>
<input type="checkbox" name="ws" value="yes" CHECKED>Winamp
<input type="checkbox" name="ps" value="yes">Photoshop
<input type="checkbox" name="acd" value="yes" CHECKED>ACDSee
<input type="checkbox" name="all" value="yes">All
</form>
If checkboxes belong to the same group then name will be the same

5

Form example IV
The “selected” value here mean
Amazing is selected default value

<p><label>Rate our site:
<select name= "rating“ SIZE="4" >
<option value=“Amazing”
selected="selected">Amazing</option>
<option value=“3”>3</option>
<option value=“2”>2</option> Change to default value
when reset
</select></p>
<input type= "submit" value="Submit Your Entries"/>
<select name= "rating“ SIZE="4" MULTIPLE>
6

<FORM ...>
<TABLE BORDER="0">
<TR>
<TD>Please enter your name : </TD>
<TD>
<INPUT TYPE="text" NAME="the name" VALUE="" SIZE="40"
MAXLENGTH="30">
</TD></TR>
<TR>
<TD>Please enter your password :</TD>
<TD>
<INPUT TYPE="password" NAME="the password" VALUE=""
SIZE="40" MAXLENGTH="30">
</TD></TR>
</TABLE>
</FORM>
7

<INPUT TYPE="image" SRC="images/submit.gif" HEIGHT="20"
WIDTH="60" BORDER="0” ALT=" Enter your data“>
9

HSPACE VSPACE
Welcome to
<MARQUEE BGCOLOR="#99CCFF" HEIGHT="80" WIDTH="40%" HSPACE="30">
My site
< /MARQUEE>
Have a good time.

BEHAVIOR (scroll, slide, alternate)
<MARQUEE BGCOLOR="#99CCFF" WIDTH="80%"
BEHAVIOR="alternate">
Welcome
< /MARQUEE>

11

DIRECTION
DIRECTION="right">
Welcome
< /MARQUEE>

LOOP “2,3……… ‐1 ,Infinite

DIRECTION="right" LOOP="3">
Welcome
< /MARQUEE>

12

SCROLLAMOUNT Value in pixel

<MARQUEE SCROLLAMOUNT="10"> HTML < /MARQUEE>

<MARQUEE SCROLLAMOUNT=“200"> HTML < /MARQUEE>

SCROLLDELAY Value in msec
<MARQUEE SCROLLAMOUNT="1" SCROLLDELAY="500"> HTML < /MARQUEE>




13

Multimedia
<BGSOUND>
<BGSOUND SRC=“file_name.mid" LOOP="infinite">
<BGSOUND SRC="file_name.mid" LOOP="3">
<A HREF=“f1.mid"> download this file </A>
<EMBED>
<EMBED SRC="Mediafile_name.MID" AUTOSTART="false"
LOOP="false" HEIGHT="45"
WIDTH="170"><NOEMBED>You Must Have QuickTime Program
you can download it from
http://www.quicktime.com</NOEMBED>

14

Form

Recommended

Recommended

More Related Content

What's hot

What's hot (17)

Viewers also liked

Viewers also liked (6)

Similar to Form

Similar to Form (20)

More from tt_aljobory

More from tt_aljobory (20)

Recently uploaded

Recently uploaded (20)

Form