Thờm cỏc đối tượng Form

Một phần của tài liệu Giáo trình thiết kế web (Trang 160 - 162)

2. Xõy dựng và chốn trang Record

2.2 Thờm cỏc đối tượng Form

Một bảng và một số các tr- ờng của Form đã đ- ợc thêm vào trang này. Một màu đỏ hình chữ nhật xuất hiện trong tài liệu, đây là ranh giới của Form. Dreamweaver sẽ tự động chèn một ranh giới Form trong một tài liệu khi chúng ta chèn thêm một đối t- ợng Form.

Bây giờ chúng ta sẽ thêm vào các tr- ờng còn lại của Form : Một tr- ờng list/menu, một nút submit, và một nút reset.

Chúng ta cũng sẽ cung cấp các nhãn cho các tr- ờng của Form. Việc tạo ra tên các tr- ờnglà khá đơn giản để chúng ta nhận dạng những tr- ờng mà chúng ta đang làm việc sau khi kết nối Form Fields tới các tr- ờng của cơ sở dữ liệu.

Chúng ta sẽ bắt đầu bằng cách xem một trong những form fields có sẵn.

1) Mở phần giám sát Property (Window > Properties),nếu nó ch- a đ- ợc mở.

2) Di chuyển con trỏ tới ô trên cùng bên phải, click vào tr- ờng Form để lựa chọn nó.

Phần giám sát Property cập nhật các thuộc tính tr- ờng của Form.

Tr- ờng Name bao gồm tên của đối t- ợng Form, và tr- ờng Char Width thiết lập chiều rộng của tr- ờng đến 30 ký tự. Chúng ta sẽ cập nhật hai tr- ờng này trong các tr- ờng text chúng ta đã thêm vào trong Form.

3) Trong tài liệu, đặt một điểm chèn trong ô phía phải của nhãn State hoặc Country , sau đó thực hiện một trong các cách sau để chèn một text field:

▪ Trong thanh Inssert, click vào tab Forms, sau đó click vào nút Text Field hoặc kéo nó từ thanh Insert tới ô của bảng.

▪ Chọn Insert > Form Objects > Text Field

Đối t- ợng text field của Form đã đ- ợc chèn trong tài liệu.

4) Text field vẫn đ- ợc lựa chọn, trong phần giám sát Property, nhập state_contrry trong ô TextField và nhập 30 trong ô Char Width.

5) Trong tài liệu, đặt điểm cần chèn trong ô phía phải của nhãn Region, sau đó làm một trong các cách sau để chèn một List/Menu:

▪ Trong mục Form của thanh Insert, click vào nút List/Menu hoặc kéo nó từ thanh Insert tới ô của bảng.

▪ Chọn Insert > Form Objects > Text Field.

Đối t- ợng Form List/Menu đ- ợc chèn vào tài liệu.

6) Trong bảng giám sát Property, nhập region_id trong ô List/Menu.

7) Chèn một Text Field cho Telephone, sau đó trong mục TextField của phần giám sát Property điền là telephone, và trong tr- ờng Char Width nhập 30.

8) Chèn một Text Field cho Fax, sau đó trong mục TextField của bảng giám sát Property điền là fax, và trong Char Width nhập 30.

9) Trong tài liệu, đặt điểm chèn trong ô của bảng.

10) Thêm một nút submit cho Form bằng một trong các cách sau:

▪ Trong mục Form của thanh Insert, click vào nút Button hoặc kéo nó từ thanh Insert tới ô của bảng.

▪ Chọn Insert > Form Objects > Button.

Một nút Submit đ- ợc chèn vào tài liệu. Trong phần giám sát Property, Submit là một nhãn và Action là để thiết lập tới Form Submit.

11) Lặp b- ớc 10 để thêm một nút khác cho Form. Chúng ta sẽ thêm nút resest để ng- ời dùng xác lập lại Form nếu họ cần.

12) Trong phần giám sát Property, tại phần Action chọn Reset form.

13) Trong ô textbox Button Name, nhập Reset.

Form của chúng ta bây giờ đã hoàn thành và nó sẽ giống nh- thế này:

14) L- u tài liệu lại.

Một phần của tài liệu Giáo trình thiết kế web (Trang 160 - 162)

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

(166 trang)