Form

592 views
498 views

Published on

HTML-form Element

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
592
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Form

  1. 1. <FORM  ACTION="name&_address_of_CGI_script" METHOD="get">.. </FORM><FORM ACTION="mailto:someone@domain.com" METHOD="post"> .. </FORM> Common Gateway InterfaceElements 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
  2. 2. <INPUT>   <input TYPE=“element name">2
  3. 3. 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
  4. 4. Form example IIWRAP=“off” "virtual" "physical" Masked by asteriskSpace 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"/><input type= "reset" value="Clear Your Entries"/> 4
  5. 5. <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
  6. 6. Form example IVThe “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 <option value=“1”>1</option> <option value=“0”>0</option> </select></p> <input type= "submit" value="Submit Your Entries"/> <input type= "reset" value="Clear Your Entries"/> <select name= "rating“ SIZE="4"  MULTIPLE> 6
  7. 7. <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
  8. 8. <meta name="keywords" http‐equiv="keywords“ content=“game,image,programs,courses”><meta name="content‐type" http‐equiv="content‐type"∙content="text/html; cahrset=windows‐1256"> <html dir="rtl">8
  9. 9. <INPUT TYPE="image" SRC="images/submit.gif" HEIGHT="20" WIDTH="60" BORDER="0” ALT=" Enter your data“>9
  10. 10. BGCOLOR | HEIGHT | WIDTH | ALIGN | HSPACE | VSPACE | BEHAVIOR | DIRECTION |LOOP | SCROLLAMOUNT | SCROLLDELAY<MARQUEE BGCOLOR="#99CCFF" HEIGHT="80" WIDTH="40%">My page</MARQUEE>ALIGN top, middle bottomWelcome to<MARQUEE BGCOLOR="#99CCFF" HEIGHT="80" WIDTH=“200" ALIGN="middle“>  Computer Department< /MARQUEE>Have a good time.10
  11. 11. HSPACE VSPACEWelcome 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
  12. 12. DIRECTION<MARQUEE BGCOLOR="#99CCFF" WIDTH="80%" DIRECTION="right">Welcome< /MARQUEE> LOOP “2,3………          ‐1  ,Infinite <MARQUEE BGCOLOR="#99CCFF" WIDTH="80%"  DIRECTION="right" LOOP="3"> Welcome  < /MARQUEE> 12
  13. 13. 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><MARQUEE SCROLLAMOUNT="50" SCROLLDELAY="500"> HTML < /MARQUEE><MARQUEE SCROLLAMOUNT="100" SCROLLDELAY="500"> HTML < /MARQUEE><MARQUEE SCROLLAMOUNT="200" SCROLLDELAY="500"> HTML < /MARQUEE>13
  14. 14. 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 fromhttp://www.quicktime.com</NOEMBED> 14

×