thiết kế web - trần đình nghĩa

THIẾT KẾ VÀ LẬP TRÌNH WEB 1 THIẾT KẾ WEB FORM ĐẠI HỌC SÀI GÒN – KHOA CNTT GV: Trần Đình Nghĩa tdnghia1977@gmail.com THIẾT KẾ VÀ LẬP TRÌNH WEB 2 Nội dung bài học trước 1. Giới thiệu về HTML 2. Cấu trúc 1 tài liệu HTML 3. Các tag (thẻ) HTML 4. Hướng dẫn thực hành HTML 5. Gợi ý chọn đề tài cho đồ án THIẾT KẾ VÀ LẬP TRÌNH WEB 3 Nội dung 1. Khái niệm và mục đích Form 2. Các đối tượng Form Fields 3. Phương thức GET/POST 4. Tag Marquee 5. Một số tag mở rộng THIẾT KẾ VÀ LẬP TRÌNH WEB 4 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 dụng web  Form nhập liệu được quy định trong thẻ <Form> </Form>  Những thành phần nhập liệu được gọi là Form Field  text field  password field  multiple-line text field THIẾT KẾ VÀ LẬP TRÌNH WEB 5 Khái niệm và mục đích của Form THIẾT KẾ VÀ LẬP TRÌNH WEB 6 Tag FORM  Qui định Tag Form: <form></form>  Các thành phần nhập liệu (Form Fields) là các thẻ HTML được đặt trong thẻ Form.  Các thuộc tính của Form: Name : tên Form Action : chỉ định trang web nhận xử lý dữ liệu từ Form khi có sự kiện click vào button Submit. Method: Xác định phương thức chuyển DL (GET/POST) <Form Name = "Introduction" action="" method=""> <! Các thành phần của Form > </Form> THIẾT KẾ VÀ LẬP TRÌNH WEB 7 Ví dụ Tag FORM  DangNhap.html THIẾT KẾ VÀ LẬP TRÌNH WEB 8 FORM Fields Text field Password field Multiple-line text field Hidden text field Check box Radio button File Form control Submit button, Reset button, Generalized button Label Pull-down menu Scrolled list Field set THIẾT KẾ VÀ LẬP TRÌNH WEB 9 Form Fields – Text Field Dùng để nhập một dòng văn bản  Cú pháp: Ví dụ: <INPUT type = “TEXT" name = string size = variant maxlength = long value = string > Text field !!! 20 30 THIẾT KẾ VÀ LẬP TRÌNH WEB 10 Form Fields – Password Field Dùng để nhập mật khẩu  Cú pháp: Ví dụ: <INPUT type = “PASSWORD" name = string size = variant maxlength = long value = string > [...]... = “URL” > 32 ĐẠI HỌC SÀI GÒN – KHOA CNTT THIẾT KẾ VÀ LẬP TRÌNH WEB THIẾT KẾ WEB THỰC HÀNH FORM GV: Tr ần Đình Nghĩa tdnghia1977@gmail.com 33 Thực hành THIẾT KẾ VÀ LẬP TRÌNH WEB  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  Giao bài tập đầu tuần 3 và nộp lại vào đầu tuần 4 34 THIẾT KẾ VÀ LẬP TRÌNH WEB Bài tập tuần 3: User Registration Form 35 ... Text Content 31 Chuyển hướng trang web THIẾT KẾ VÀ LẬP TRÌNH 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: . THIẾT KẾ VÀ LẬP TRÌNH WEB 1 THIẾT KẾ WEB FORM ĐẠI HỌC SÀI GÒN – KHOA CNTT GV: Trần Đình Nghĩa tdnghia1977@gmail.com THIẾT KẾ VÀ LẬP TRÌNH WEB 2 Nội dung bài học trước 1 Field  text field  password field  multiple-line text field THIẾT KẾ VÀ LẬP TRÌNH WEB 5 Khái niệm và mục đích của Form THIẾT KẾ VÀ LẬP TRÌNH WEB 6 Tag FORM  Qui định Tag Form: <form></form>  Các. của Form > </Form> THIẾT KẾ VÀ LẬP TRÌNH WEB 7 Ví dụ Tag FORM  DangNhap.html THIẾT KẾ VÀ LẬP TRÌNH WEB 8 FORM Fields Text field Password field Multiple-line text field Hidden text