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.
Nội dung trích xuất từ tài liệu:
Bài giảng Phát triển ứng dụng web 1: HTML From - ĐH Sài Gòn 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 5 – HTML FORM 1 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 – HTML FORM 2 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ẻ     Những thành phần nhập liệu được gọi là Form Field – text field – password field – multiple­line text field – …… 5 – HTML FORM 3 Khái niệm và mục đích của Form 5 – HTML FORM 4 Tag Form  Qui định Tag 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) 5 – HTML FORM 5 Ví dụ Tag Form  DangNhap.html 5 – HTML FORM 6 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 5 – HTML FORM 7 Form Fields – Text Field  Dùng để nhập một dòng văn bản  Cú pháp:   Form Fields – Password Field  Dùng để nhập mật khẩu  Cú pháp:   Form Fields – Hidden Text Field  Dùng  để  truyền  1  giá  trị  của  thuộc  tính  value  khi  Form  được  submit. Hidden Text Field không hiển thị.  Cú pháp:     Form Fields – Multiline Field  Dùng để nhập văn bản nhiều dòng  Cú pháp:          ......    Ví dụ 5 20 5 – HTML FORM 11 Form Fields – Pull­down Menu  Dùng để tạo ra một Combo box  Cú pháp:   …… ……… …… ……… 5 – HTML FORM 12 Form Fields – Pull­down Menu 5 – HTML FORM 13 Form Fields – Check box  Cú pháp  Ví dụ:  5 – HTML FORM 14 Form Fields – Radio Button  Cú pháp  Chú ý khi sử dụng thuộc tính name của Radio Button 5 – HTML FORM 15 Form Fields – Radio Button  Ví dụ 1:  Ví dụ 2:  5 – HTML FORM 16 Form Fields – File Form Control  Dùng để upload 1 file lên server  Cú pháp:       Ví dụ: 5 – HTML FORM 17 Form Fields – 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ó 1 nút submit  Cú pháp:   Ví dụ: 5 – HTML FORM 18 Form Fields – Reset button  Dùng để trả lại giá trị mặc định cho các control khác trong  Form.  Cú pháp:   Ví dụ: 5 – HTML FORM 19 Form Fields – Generalized button  Cú pháp:   Ví dụ: 5 – HTML FORM 20