Chương 5: web form

Chia sẻ: Baby Love | Ngày: | Loại File: PDF | Số trang:0

Thêm vào BST

Báo xấu

117
lượt xem 22
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Dùng để nhận dữ liệu từ phía user, gởi yêu cầu của user đến trang xử lý hay tương tác người dùng.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Chương 5: web form

Chương 5: Web Form N i dung: Gi i thi u v web form C u trúc m t form Phương th c GET/POST Frame và các ng d ng c a nó Thi t k web Khoa CNTT 1 Gi i thi u v web form Dùng ñ nh n d li u t phía user G i yêu c u c a user ñ n trang x lý hay tương tác v i ngư i dùng Nh ng thành ph n nh p li u ñư c g i là Form Field – Text field – Hidden field (password field) – Checkbox – Radio Button –… Thi t k web Khoa CNTT 2 1
Ví d v web form Thi t k web Khoa CNTT 3 C u trúc m t HTML Form HTML Thi t k web Khoa CNTT 4 2
HTML Form First name: Last name: Thi t k web Khoa CNTT 5 Các thành ph n c a Form G m các lo i Form Field sau: – Text field – Password field – Check box – Radio button – Multiple-line text field – Hidden Text field – Pull-down menu – File Form Control – Submit Button, Reset Button, Generalized Button – Label – Field Set Thi t k web Khoa CNTT 6 3
Text field Dùng ñ nh p m t dòng văn b n Cú pháp: Thi t k web Khoa CNTT 7 Ví d Text field Ví Text Your input was received as: FirstName=Vu&LastName=Lung Thi t k web Khoa CNTT 8 4
Password field Dùng ñ nh p m t kh u Cú pháp: Vd: Password: Thi t k web Khoa CNTT 9 Check box Cho phép ngư i dùng ch n l a m t hay nhi u phương án Cú pháp: Thi t k web Khoa CNTT 10 5
VD Check box VD Check Thi t k web Khoa CNTT 11 Radio button Cho phép ngư i dùng ch n l a m t trong nhi u phương án có th Cú pháp: Thi t k web Khoa CNTT 12 6
VD Radio button VD Radio Male: Female: If you click the "Submit" button, you will send your input to a new page called html_form_action.asp. Thi t k web Khoa CNTT 13 Multiple-line text field Dùng ñ nh p văn b n có nhi u dòng Cú pháp: …………… VD:
Hidden Text field Dùng ñ truy n 1 ño n text (giá tr c a thu c tính value) khi form ñư c submit Không hi n th ra trên màn hình Cú pháp:
Vì d Pull-down menu Vì Pull Combo box: Window Media 10 Jet Audio 9 Windows XP Windows XP SP2 Windows Vista Office 2007 Thi t k web Khoa CNTT 17 File Form Control Dùng ñ upload 1 file lên server Cú pháp
Submit button Nút phát l nh và g i d li u c a form ñ n trang x lý. M i form ch có m t nút submit Cú pháp: VD: Thi t k web Khoa CNTT 19 Reset Button, Generalized Button Generalized Reset Button :Dùng ñ tr l i giá tr m c ñ nh cho các Reset control khác trong form Cú pháp: Generalized Button Generalized Cú pháp: VD: Thi t k web Khoa CNTT 20 10
Label Dùng ñ gán nhãn cho m t Form Field Cú pháp: Thi t k web Khoa CNTT 21 Field Set Dùng ñ t o ra Group box, nhóm các thành ph n nh p li u trong form •Cú pháp: GroupBox’s Name … VD: Subject English Mathematics Graph Theory Thi t k web Khoa CNTT 22 11
phương th c GET/POST GET: Các ñ i s c a Form ñư c ghi kèm theo vào ñư ng d n URL c a thu c tính Action trong tag Kh i lư ng d li u ñ i s ñư c truy n ñi c a Form b gi i h n b i chi u dài t i ña c a m t URL trên Address bar. (t i ña c a m t URL là 2048 bytes) Thi t k web Khoa CNTT 23 VD GET User name: Password: Thi t k web Khoa CNTT 24 12
phương th c GET/POST POST: Các ñ i s c a Form ñư c truy n “ng m” bên dư i Kh i lư ng d li u ñ i s ñư c truy n ñi c a Form không ph thu c vào URL Không b gi i hn Ch s d ng ñư c phương th c truy n POST khi Action ch ñ nh ñ n trang web thu c d ng x lý trên Server Thi t k web Khoa CNTT 25 HTML Frames Dùng ñ th hi n cùng m t lúc nhi u html document ra trên cùng m t màn hình máy tính M i html document g i là frame Các frame ho t ñ ng ñ c l p v i nhau Cú pháp: ….. … Thi t k web Khoa CNTT 26 13
T o Frame T o chia 2 frame Your browser does not handle frames! Scolling=“0” Frameborder=“0” Thi t k web Khoa CNTT 27 T o Frame Thi t k web Khoa CNTT 28 14
T o Frame Thi t k web Khoa CNTT 29 FiLE frameNavigation.htm FILE tryhtml_contents.htm Frame a Frame b Frame c FILE frame_a.htm N i dung trong trang Frame A Thi t k web Khoa CNTT 30 15
Thi t k web Khoa CNTT 31 16