Form trong lập trình

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang	25
Dung lượng	1,17 MB

Nội dung

1FORM FORM 2Ths. Mai Xuân HùngNội dungNội dungGiới thiệu về FormGiới thiệu về FormCác thành phần của FormCác thành phần của FormThẻ MARQUEEThẻ MARQUEE 3Ths. Mai Xuân HùngNội dungNội dungGiới thiệu về FormGiới thiệu về FormCác thành phần của FormCác thành phần của FormThẻ MARQUEEThẻ MARQUEE 4Ths. Mai Xuân HùngGiới thiệu FormGiới thiệu FormĐược dùng để nhận dữ liệu từ phía người dùngĐược dùng để nhận dữ liệu từ phía người dùngGiúp gởi yêu cầu của người dùng đến trang xử Giúp gởi yêu cầu của người dùng đến trang xử lý trong ứng dụng weblý trong ứng dụng webTag Tag <form><form> dùng để chứa các thành phần khác dùng để chứa các thành phần khác của formcủa formNhững thành phần nhập liệu được gọi là Những thành phần nhập liệu được gọi là FormForm Field Field text fieldtext fieldpassword fieldpassword fieldmultiple-line text fieldmultiple-line text field………… 5Ths. Mai Xuân HùngVí dụVí dụ 6Ths. Mai Xuân HùngTag <Form>Tag <Form>Là container ch a các thành ph n nh p ứ ầ ậLà container ch a các thành ph n nh p ứ ầ ậli u khác.ệli u khác.ệ<<FORM FORM NAME=“…” ACTION=“…” METHOD=“…”NAME=“…” ACTION=“…” METHOD=“…”> > </</FORM>FORM>Các thu c tính c a ộ ủCác thu c tính c a ộ ủ</</FORM>FORM>NAMENAME : tên FORM: tên FORMACTIONACTION : ch đ nh trang web nh n x lý d li u t ỉ ị ậ ử ữ ệ ừ: ch đ nh trang web nh n x lý d li u t ỉ ị ậ ử ữ ệ ừFORM nàyFORM này khi có s ki n click c a button ự ệ ủ khi có s ki n click c a button ự ệ ủSUBMITSUBMIT METHODMETHOD : X: Xáác đc địịnh ph ng thươnh ph ng thươứức chuyc chuyểển dn dữữ li liệệu u ((PPOSTOST,,GETGET)) 7Ths. Mai Xuân HùngTag <Form> - Ví dụTag <Form> - Ví dụ<html><html><body><body><form <form Name=“Dangnhap”Name=“Dangnhap”Action=“/admin/xlDangnhap.php”Action=“/admin/xlDangnhap.php”Method=“Post”> Method=“Post”> ………………………………</form></form></body></body></html></html>Dangnhap.htm 8Ths. Mai Xuân HùngNội dungNội dungGi i thi u v Formớ ệ ềGi i thi u v Formớ ệ ềCác thành ph n c a Formầ ủCác thành ph n c a Formầ ủTh MARQUEEẻTh MARQUEEẻ 9Ths. Mai Xuân HùngCác Control của FormCác Control của FormG m các lo i Form Field sau:ồ ạG m các lo i Form Field sau:ồ ạText field Text field Password fieldPassword fieldHidden Text fieldHidden Text fieldCheck boxCheck boxRadio buttonRadio buttonFile Form ControlFile Form ControlSubmit Button, Reset Button, Generalized ButtonSubmit Button, Reset Button, Generalized ButtonMultiple-line text fieldMultiple-line text fieldLabelLabelPull-down menuPull-down menuScrolled listScrolled listField SetField Set 10Ths. Mai Xuân HùngText FieldText FieldDùng để nhập một dòng văn bảnDùng để nhập một dòng văn bảnCú phápCú pháp<INPUT<INPUTTYPETYPE= “TEXT”= “TEXT”NAMENAME= = stringstringREADONLYREADONLYSIZESIZE= = variantvariantMAXLENGTHMAXLENGTH= long= longTABINDEXTABINDEX= = integerintegerVALUEVALUE= = stringstring……………………>>Ví dụ Ví dụ <input<input type=“type=“texttext” name=“” name=“txtNametxtName” value=“” value=“This is one line text with 301This is one line text with 301” ” size=“size=“1010” maxlength=“” maxlength=“1010””>>t with 3011020 [...]... 23Ths. Mai Xuân Hùng Nội dung Nội dung  Gi i thi u v Form ệ ề Gi i thi u v Form ệ ề  Các thành ph n c a Form ủ Các thành ph n c a Form ủ  Th MARQUEEẻ Th MARQUEEẻ 22Ths. Mai Xuân Hùng Field Set Field Set  Dùng đ t o ra Group box, nhóm các thành ph n nh p ể ạ ầ ậ Dùng đ t o ra Group box, nhóm các thành ph n nh p ể ạ ầ ậ li u trong form li u trong form  Cú pháp Cú pháp <fieldset> <fieldset> <legend>GroupBox’s... i thi u v Form ệ ề Gi i thi u v Form ệ ề  Các thành ph n c a Form ủ Các thành ph n c a Form ủ  Th MARQUEEẻ Th MARQUEEẻ 4Ths. Mai Xuân Hùng Giới thiệu Form Giới thiệu Form  Được dùng để nhận dữ liệu từ phía người dùng Được dùng để nhận dữ liệu từ phía người dùng  Giúp gởi yêu cầu của người dùng đến trang xử Giúp gởi yêu cầu của người dùng đến trang xử lý trong ứng dụng web lý trong ứng... < ;form& gt; < ;form& gt; dùng để chứa các thành phần khác dùng để chứa các thành phần khác của form của form  Những thành phần nhập liệu được gọi là Những thành phần nhập liệu được gọi là Form Form Field Field  text field text field  password field password field  multiple-line text field multiple-line text field  …… …… 7Ths. Mai Xuân Hùng Tag < ;Form& gt; - Ví dụ Tag < ;Form& gt;... Xuân Hùng File Form Control File Form Control  Dùng đ upload 1 file lên serverể Dùng đ upload 1 file lên serverể  Cú pháp Cú pháp < ;form < ;form action=“…” method=“post” action=“…” method=“post” enctype=“multipart /form- data” name=“ ”> enctype=“multipart /form- data” name=“ ”> <input <input TYPE=“FILE” NAME=“…” TYPE=“FILE” NAME=“…” > > < /form& gt; < /form& gt;  Ví... >……</option> ……… ……… </select> </select> 9Ths. Mai Xuân Hùng Các Control của Form Các Control của Form  G m các lo i Form Field sau:ồ ạ G m các lo i Form Field sau:ồ ạ  Text field Text field  Password field Password field  Hidden Text field Hidden Text field  Check box Check box  Radio button Radio button  File Form Control File Form Control  Submit Button, Reset Button, Generalized Button Submit... < /form& gt; < /form& gt;  Ví dụ Ví dụ <html> <body> < ;form name=“frmMain” action=“POST” enctype=“multipart /form- data”> <input type="file" name="fileUpload"> < /form& gt; </body> </html> 19Ths. Mai Xuân Hùng Label Label  Dùng đ gán nhãn cho m t Form Fieldể ộ Dùng đ gán nhãn cho m t Form Fieldể ộ  Cú pháp Cú pháp <LABEL <LABEL FOR = FOR... Hùng Tag < ;Form& gt; - Ví dụ Tag < ;Form& gt; - Ví dụ <html> <html> <body> <body> < ;form < ;form Name=“Dangnhap” Name=“Dangnhap” Action=“/admin/xlDangnhap.php” Action=“/admin/xlDangnhap.php” Method=“Post”> Method=“Post”> ……………… ……………… < /form& gt; < /form& gt; </body> </body> </html> </html> Dangnhap.htm 20Ths. Mai Xuân Hùng Dropdown... list  Field Set Field Set 16Ths. Mai Xuân Hùng Reset Button Reset Button  Dùng đ tr l i giá tr m c đ nh cho các control ể ả ạ ị ặ ị Dùng đ tr l i giá tr m c đ nh cho các control ể ả ạ ị ặ ị khác trong form khác trong form  Cú pháp Cú pháp <input TYPE=“reset” name=“…” value=“…”> <input TYPE=“reset” name=“…” value=“…”>  Ví d ụ Ví d ụ <input type=“reset” name=“btnReset” value=“Rest”> 11Ths.... onclick=“ onclick=“ script” script” > >  Ví dụ Ví dụ <input type="button" name=“btnNormal” value=“Press Me!” onclick="alert('Hello from JavaScript');" > 1 FORM FORM . 1FORM FORM 2Ths. Mai Xuân HùngNội dungNội dungGiới thiệu về FormGiới thiệu về Form Các thành phần của FormCác thành phần của Form Thẻ MARQUEEThẻ. thiệu về FormGiới thiệu về Form Các thành phần của FormCác thành phần của Form Thẻ MARQUEEThẻ MARQUEE 4Ths. Mai Xuân HùngGiới thiệu FormGiới thiệu Form Được

Ngày đăng: 13/09/2012, 11:16

Xem thêm