Chương 5 Form trong lập trình Web thuộc Bài giảng Lập trình Web, cùng nắm kiến thức trong chương này thông qua việc tìm hiểu các nội dung chính sau: Form là gì, các thành phần của form. Mời các bạn cùng tham khảo!
FORM TRONG LẬP TRÌNH WEB Nguyễn Hồng Tùng Bộ môn Kỹ thuật phần mềm nhoangtung@agu.edu.vn www.nhtung.com Nội dung slide Form gì? Các thành phần form 16/08/2014 Lập trình Web Form gì? Là thành phần HTML cho phép người dùng nhập thơng tin vào Tương tự giao diện ứng dụng quản lý bao gồm: textbox, listbox, checkbox, Dữ liệu người dùng nhập truyền web-client web-server thông qua form Các thành phần thiết kế thông qua thẻ (tags) 16/08/2014 Lập trình Web Ví dụ giao diện form 16/08/2014 Lập trình Web Ví dụ giao diện form 16/08/2014 Lập trình Web Các thành phần form input label text file button password time textarea number url radio range checkbox image color submit keygen date reset output email button fieldset/legend 16/08/2014 Lập trình Web select/option datalist/option Các thành phần form Form TextBox PasswordBox Label RadioButton ComboBox TextArea CheckBox Button 16/08/2014 Lập trình Web form Sử dụng để chứa thành phần khác form Khơng nhìn thấy trang web hiển thị Các thuộc tính quan trọng: action: Chỉ đến tập tin từ sever nhận liệu từ form Nên sử dụng đường dẫn tương đối nằm website method: Có dạng phương thức: • GET: Dữ liệu truyền từ client đến server “công khai”, giá trị thông tin nhập liệu từ input địa • POST: Các giá trị thông tin nhập liệu từ input không địa Form định nghĩa cặp thẻ: 16/08/2014 Lập trình Web form Các thuộc tính thẻ : 16/08/2014 Lập trình Web form Ví dụ: 16/08/2014 Lập trình Web 10 textarea Ví dụ: 16/08/2014 Lập trình Web 48 select/optgroup/option select Công dụng: Tạo điều khiển dạng danh sách đổ xuống Danh sách thuộc tính: 16/08/2014 Lập trình Web 49 select/optgroup/option optgroup Cơng dụng: Nhóm thành phần liên quan (được lồng ) Danh sách thuộc tính: 16/08/2014 Lập trình Web 50 select/optgroup/option option Cơng dụng: Tạo chọn lựa (được lồng , , ) Danh sách thuộc tính: 16/08/2014 Lập trình Web 51 select/optgroup/option 16/08/2014 Lập trình Web 52 datalist/option datalist Cơng dụng: Tạo danh sách gợi ý, áp dụng cho Danh sách thuộc tính: Khơng có option Cơng dụng: Tạo chọn lựa (được lồng , , ) Danh sách thuộc tính: Đã trình bày slide trước 16/08/2014 Lập trình Web 53 datalist/option 16/08/2014 Lập trình Web 54 keygen Cơng dụng: Tạo cặp khóa sử dụng cho 16/08/2014 Lập trình Web 55 keygen Ví dụ: 16/08/2014 Lập trình Web 56 output Công dụng: Xuất kết phép tính 16/08/2014 Lập trình Web 57 output Ví dụ: 16/08/2014 Lập trình Web 58 fieldset/legend fieldset Cơng dụng: Nhóm thành phần liên quan form Danh sách thuộc tính: 16/08/2014 Lập trình Web 59 fieldset/legend legend Cơng dụng: Định nghĩa tên cho (được lồng ) Danh sách thuộc tính: 16/08/2014 Lập trình Web 60 fieldset/legend 16/08/2014 Lập trình Web 61 Giải đáp thắc mắc 16/08/2014 Lập trình Web 62 ... 16/08/2014 Lập trình Web 15 input number Ví dụ: 16/08/2014 Lập trình Web 16 input radio Công dụng: Tạo điều khiển lựa chọn 16/08/2014 Lập trình Web 17 input radio Ví dụ: 16/08/2014 Lập trình. .. 16/08/2014 Lập trình Web 23 input date Ví dụ: 16/08/2014 Lập trình Web 24 input email Cơng dụng: Tạo điều khiển nhập kiểu email 16/08/2014 Lập trình Web 25 input email Ví dụ: 16/08/2014 Lập trình. .. 16/08/2014 Lập trình Web 35 input image Ví dụ: 16/08/2014 Lập trình Web 36 input submit Công dụng: Tạo nút submit dạng thường 16/08/2014 Lập trình Web 37 input submit Ví dụ: 16/08/2014 Lập trình