Bài giảng lập trình web và ứng dụng form phan thị kim loan

10/4/23 Lập trình web ứng dụng Đại Học Sài Gòn – Khoa CNTT FORM – FORM GV: Phan Thị Kim Loan 1 Nội dung học trước Giới thiệu HTML Cấu trúc tài liệu HTML Các tag (thẻ) HTML Hướng dẫn thực hành HTML Gợi ý chọn đề tài cho đồ án – HTML FORM 2 10/4/23 Nội dung Khái niệm mục đích Form Các đối tượng Form Fields Phương thức GET/POST Tag Marquee – HTML FORM Khái niệm mục đích Form § Cho phép người dùng website nhập liệu § Giúp gởi yêu cầu người dùng đến trang xử lý ứng dụng web § Form nhập liệu quy định thẻ § Những thành phần nhập liệu gọi Form Field – text field – password field – multiple-line text field – …… – HTML FORM 4 10/4/23 Khái niệm mục đích Form 5 – HTML FORM Tag Form § Qui định Tag Form: § Các thành phần nhập liệu (Form Fields) thẻ HTML đặt thẻ Form § Các thuộc tính Form: § Name : tên Form § Action : định trang web nhận xử lý liệu từ Form có kiện click vào button Submit § Method: Xác định phương thức chuyển DL (GET/POST) – HTML FORM 6 10/4/23 Ví dụ Tag Form § DangNhap.html – HTML FORM 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 – HTML FORM 8 10/4/23 Form Fields – Text Field § Dùng để nhập dịng văn § Cú pháp: type name size maxlength value = = = = = “TEXT" string variant long string 20 !!! Text field 30 – HTML FORM Form Fields – Password Field § Dùng để nhập mật § Cú pháp: type name size maxlength value = = = = = “PASSWORD" string variant long string § Ví dụ: – HTML FORM 10 10 10/4/23 Form Fields – Hidden Text Field § Dùng để truyền giá trị thuộc tính value Form submit Hidden Text Field khơng hiển thị § Cú pháp: = = = = = “HIDDEN" string variant long string § Ví dụ 11 – HTML FORM 11 Form Fields – Multiline Field § Dùng để nhập văn nhiều dịng § Cú pháp: § Ví dụ 20 – HTML FORM 12 12 10/4/23 Form Fields – Pull-down Menu § Dùng để tạo Combo box § Cú pháp: …… ……… …… ……… – HTML FORM 13 13 Form Fields – Pull-down Menu – HTML FORM 14 14 10/4/23 Form Fields – Check box § Cú pháp §Ví dụ: 15 – HTML FORM 15 Form Fields – Radio Button § Cú pháp §Chú ý sử dụng thuộc tính name Radio Button – HTML FORM 16 16 10/4/23 Form Fields – Radio Button § Ví dụ 1: § Ví dụ 2: 17 – HTML FORM 17 Form Fields – File Form Control § Dùng để upload file lên server § Cú pháp: § Ví dụ: – HTML FORM 18 18 10/4/23 Form Fields – Submit button § Nút phát lệnh gởi liệu form đến trang xử lý § Mỗi Form có nút submit § Cú pháp: § Ví dụ: 19 – HTML FORM 19 Form Fields – Reset button § Dùng để trả lại giá trị mặc định cho control khác Form § Cú pháp: § Ví dụ: – HTML FORM 20 20 10 10/4/23 Form Fields – Generalized button § Cú pháp: § Ví dụ: 21 – HTML FORM 21 Form Fields – Field Set § Dùng để tạo nhóm thành phần nhập liệu § Cú pháp: