Lab – Tạo trang form tìm kiếm

Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 506 Biên soạn: Nguyễn Phát Tài LAB – TẠO TRANG FORM TÌM KIẾM + Mở trang form_search.php lên, đặt con trỏ tại vị trí cần chèn Form tìm kiếm + Chọn Tab Form -> click nút Form + Đặt con trỏ trong Form -> vào Insert -> Table + Chèn vào một bảng với các thuộc tính sau VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 507 Biên soạn: Nguyễn Phát Tài + Click OK + Đặt con trỏ trong Cell 2, click nút Text Field + Click nút OK VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 508 Biên soạn: Nguyễn Phát Tài + Chọn Text Field vừa mới chèn vào -> đặt thuộc tính cho Text Filed này như hình minh họa + Đặt con trỏ trong Cell thứ 3 + Click nút List/Menu VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 509 Biên soạn: Nguyễn Phát Tài + Click nút OK + Chọn List menu -> đặt thuộc tính như hình minh họa + Đặt con trỏ trong Cell thứ 4 + Click nút Button VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 510 Biên soạn: Nguyễn Phát Tài + Click nút OK + Đặt thuộc tính như hình + Đặt con trỏ kế nút Tìm kiếm, click nút Hidden Field VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 511 Biên soạn: Nguyễn Phát Tài + Chọn Hidden Filed vừa chèn ra, đặt các thuộc tính như sau: + Chọn thẻ Form, đặt các thuộc tính cho Form như hình sau VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 512 Biên soạn: Nguyễn Phát Tài + Bạn hãy chỉnh kích cỡ của các Cell lại sao cho là hơp lý nhất. + File -> Save -> F12 + Bạn thấy xuất hiện giao diện như sau + Vào Bindings -> Recordset + Đặt các thông số cho Recordset như sau + Click nút OK VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 513 Biên soạn: Nguyễn Phát Tài + Click nút OK + Chọn List/Menu -> click nút Dynamic trên hộp thuộc tính VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 514 Biên soạn: Nguyễn Phát Tài + Đặt các thông số như sau: + Click nút OK + File -> Save -> F12 + Bạn sẽ thấy kết quả như sau VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 515 Biên soạn: Nguyễn Phát Tài + Chọn nút Tìm kiếm -> vào Panel Tag Inspector -> chọn Tab Behaviors -> click nút + > Validate Form + Trong hộp thoại Validate Form chọn key1 -> chọn các thông số như hình minh họa + Click nút OK VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 516 Biên soạn: Nguyễn Phát Tài + File -> Save -> F12 + Giả sử bạn không nhập từ khóa để tìm mà click nút Tìm kiếm luôn thì bạn sẽ thấy thông báo như sau + Bây giờ chúng ta hãy sửa câu tiếng anh này thành tiếng việt là được. + Chuyển sang chế độ Code tìm dòng sau (nằm trước thẻ ) + Hãy sửa thành + File -> Save -> F12 + Bây giờ thông báo của bạn có dạng sau VI ỆT C HU YÊ N