Bài giảng Phát triển ứng dụng web 1: HTML From - ĐH Sài Gòn

Bài giảng Phát triển ứng dụng web 1: HTML From cung cấp cho người học các kiến thức: Giới thiệu về HTML, cấu trúc 1 tài liệu HTML, các tag (thẻ) HTML, hướng dẫn thực hành HTML. Cuối bài giảng có phần đề tài cho đồ án sẽ hướng dẫn người đọc một số đề tài khoán luận để người học tham khảo.

Trang 3

Khái ni m và m c đích c a Form ệ ụ ủ

 Cho phép người dùng website nh p d li uậ ữ ệ

 Giúp g i yêu c u c a ngở ầ ủ ười dùng đ n trang x lý trong ng ế ử ứ

Trang 4

5 – HTML FORM 4

Khái ni m và m c đích c a Form ệ ụ ủ

Trang 5

 Qui đ nh Tag Form: ị <form></form>

 Các thành ph n nh p li u (Form Fields) là các th HTML đầ ậ ệ ẻ ược

Trang 6

5 – HTML FORM 6

Ví d Tag Form ụ

 DangNhap.html

Trang 8

value = string

>

20

30

Trang 9

value = string

>

Trang 10

value = string

>

Trang 13

Form Fields – Pulldown Menu

Trang 16

5 – HTML FORM 16

Form Fields – Radio Button

 Ví d 1:ụ

 Ví d 2: ụ

Trang 23

Ph ươ ng th c POST/GET – Link Parameters ứ

 Sau khi nút Submit được nh n, t t c d li u ngấ ấ ả ữ ệ ười dùng

nh p vào form s đậ ẽ ược g i đ n trang x lý (giá tr c a ử ế ử ị ủthu c tính “Action”).ộ

 M i form field s là m t đ i s trong d li u g i đ n trang ỗ ẽ ộ ố ố ữ ệ ử ế

x lý.ử

 G m 2 phồ ương th c ứ POST/GET đ chuy n d li u đ n ể ể ữ ệ ếtrang x lý.ử

Trang 24

5 – HTML FORM 24

Ph ươ ng th c POST ứ

 Các đ i s c a Form đố ố ủ ược truy n “ng m” bên dề ầ ưới ( được

g i trong ph n body c a http request ).ử ầ ủ

 Kh i lố ượng d li u và đ i s đữ ệ ố ố ược truy n đi c a Form ề ủkhông ph thu c vào đ dài URL ụ ộ ộ  không b h n ch ị ạ ế

 Ví d c th là g i file lên server (đính kèm file trong di n ụ ụ ể ử ễđàn ho c g i th )ặ ử ư

Trang 27

Ưu đi m là user có th th y để ể ấ ược d li u nh p vào form ữ ệ ậtruy n lên trang x lý (thông qua nh ng đ i s kèm vào ề ử ữ ố ố

đường d n URL)ẫ

Trang 31

Chuy n h ể ướ ng trang web

 T đ ng chuy n hự ộ ể ướng trang web

 T đ ng chuy n hự ộ ể ướng trang sang trang web khác (URL) sau m t kho ng th i gian t (tính theo giây).ộ ả ờ

 Cú pháp:

<HEAD>

<META HTTPEQUIV=“refresh”

CONTENT =“t”; URL = “URL” >

</HEAD>

Trang 32

5 – HTML FORM 32

Bài th c hành ự

 Ch m và nh n xét bài t p giao tu n tr ấ ậ ậ ầ ướ c

 Tìm hi u thêm các thu c tính c a Form Fields ể ộ ủ

 Th c hành Form c b n: ự ơ ả Đăng ký ng ườ i dùng



Trang 33

Bài th c hành – Đăng ký ng ự ườ i dùng

Trang 34

Thank you !

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