Tạo các biểu mẫu (Form)

Một phần của tài liệu thiết kế web (Trang 27 - 28)

II. Các thao tác khi thiết kế trang Web

14) Tạo các biểu mẫu (Form)

Cơng việc tạo biểu mẫu dùng để thu thập thơng tin từ người sử dụng trang Web của ta, bằng cách nhắc nhở người sử dụng chọn lựa từ các danh sách, hoặc đánh dấu chọn ... Việc thiết kế biểu mẫu này khơng phù hợp với người thiết kế Web khơng chuyên, do đĩ ta nên sử dụng biểu mẫu cĩ sẵn.

14.1. Tạo biểu mẫu cĩ sẵn :

- Chọn Web Page Wizards / Form - Feedback hoặc Form - Registration hoặc

Form - Survey. - Chọn Next

- Kết thúc việc chọn click Finish.

- Hãy điền vào những nội dung cần đưa vào - Lưu lại trang Web.

14.2. Tự thiết kế biểu mẫu

- Click vào biểu tượng Form design mode. - Xuất hiện hộp Control Toolbox.

Trong hộp Control Toolbox cĩ các thành phần như sau :

1 2 3 4 5 6 7 8 9 10 11 12 13

27

Thứ tự và chức năng của các nút :

1- Bật/tắt chức năng Form design mode 2- Properties : Thuộc tính của một nút chọn. 3- Check Box : Tạo kiểu nút chọn lựa là hình trịn. 4- Option Button : Tạo kiểu nút chọn lựa là hình vuơng.

5- Dropdown Box : Tạo một hộp danh sách thả xuống, chỉ hiện ra 1 mục. 6- List Box : Tạo một hộp danh sách thả xuống, hiện ra nhiều mục.

7- Text Box : Tạo ra hộp văn bản đơn để người dùng nhập liệu.

8- Text Area : Tạo hộp văn bản cĩ thể cuộn được để người sử dụng viết nhiều dịng

9- Submit : Nút gởi dữ liệu. 10-Images submit : Chèn hình ảnh 11-Reset : Nút xố dữ liệu.

12-Hidden : Tạo ra hộp văn bản để nhập liệu , nhưng sẽ khơng hiển thị khi dùng trình duyệt

13-Password : Tạo hộp văn bản, để gõ mật khẩu.

Muốn đưa vào các giá trị cho các nút, ta cần chọn nút 1, đến nút 2 sau đĩ chọn nút cần thêm giá trị vào.

Một phần của tài liệu thiết kế web (Trang 27 - 28)

Tải bản đầy đủ (PDF)

(51 trang)