Tạo Form trong FrontPage 1 Tạo Form

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

1. Tạo Form

Form là một tập hợp các text và formfield cho phép người sử dụng lấy hoặc cập nhật thông tin tên nó.

Có 3 cách tạo Form:

1.1 Sử dụng Form Page Wizard

Với hình thức này, FrontPage sẽ đưa ra các câu hỏi, rồi dựa vào câu trả lời của bạn để tạo Form tương ứng. Sau khi Form được tạo, nếu cần thiết bạn có thể sửa đổi lại cho phù hợp với yêu cầu của mình.

1.2. Sử dụng Form mẫu

Khác với hình thức trên, FrontPage sẽ tạo ra một Form theo mẫu đã chọn, sau đó bạn có thể chỉnh sửa lại Form cho phù hợp với yêu cầu của mình.

1.3 Tạo Form từ đầu

Đầu tiên, bạn tạo một trang web trống, sau đó thêm form vào trang và thêm vào các vùng mà bạn cần.

2. Các đối tượng trên Form

Trong môi trường FrontPage, trên Form có thể có các đối tượng sau: - One-line text box: thêm vàohộp văn bản chỉ có một dòng.

- Scrolling text box: Thêm vào hộp văn bản có thanh cuộn. Với hộp văn bản này, ta có thể nhập vào văn bản có chiều dài tùy ý.

- Check box: thêm vào ô kiểm.

- Radio button: thêm vào nút chọn lựa.

- Drop-down menu: Thêm vào menu thả xuống.

- Push button : Thêm vào nút nhấn để thực hiện một tác động nào đó, chẳng hạn: hiển thị các hộp thông báo, thực hiện một script lệnh trên trang web,…

- Label : Làm cho một trường và nhãn của nó đang được chọn trở thành một nhãn có thể Click được.

3. Hướng dẫn tạo form như sau:

3.1 Tạo các Radio Button :Tự Nhiên, Xã Hội, Tiểu Học

- Chọn Insert\Form\Radio Button

- Right Click vào Radio Button vừa tạo, chọn mục Form Field Properties - Trong hộp thoại Radio Button Properties:

+ Nhập tên nhóm trong ô Group Name + Nhập giá trị vào ô Value

+ Chọn ô selected - Chọn OK

Thực hiện tương tự để tạo các Radio Button tiếp theo, tuy nhiên với các Radio Button này bạn chọn mục Not Selected

3.2 Tạo các Check Box:

- Chọn Insert\Form\Check Box

- Right Click vào Check Box vừa tạo, chọn mục Form Field Properties - Trong hộp thoại Check Box Properties:

+ Nhập tên Check Box trong ô Name + Nhập giá trị vào ô Value

- Chọn OK

3.3 Tạo Drop-Down Menu

- Chọn Insert\Form\Drop-Down Menu

- Right Click vào Drop-Down Menu vừa tạo, chọn mục Form Field Properties - Trong hộp thoại Drop-Down Properties:

3.4 Tạo One-line Text Box

- Chọn Insert\Form\One-line Text Box

- Right Click vào One-line Text Box vừa tạo, chọn mục Form Field Properties - Trong hộp thoại One-line Text Box Properties:

+ Nhập tên Text Box trong ô Name

+ Nhắp nút Style. Trong hộp thoại Modify Style, nhắp nút Format, sau đó chọn mục cần chỉnh sửa trong menu thả xuống.

- Chon OK . . .

3.5 Tạo Scrolling Text Box

- Chọn Insert\Form\Scrolling Text Box

- Right Click vào Scrolling Text Box vừa tạo, chọn mục Form Field Properties - thực hiện các thao tác còn lại tương tự như thực hiện One-line TextBox

3.6 Tạo Push Button

- Chọn Insert\Form\Push Button

- Right Click vào Push Button vừa tạo, chọn mục Form Field Properties - Trong hộp thoại Push Button Properties:

+ Nhập tên Push Button trong ô Name + Nhập nhãn trong ô Value/Label.

+ Chọn dạng hiển thị của Push Button là một trong các tùy chọn của Button type. - Chon OK

4. Gửi dữ liệu của Form đến địa chỉ Email hoặc tập tin

Chúng ta có thể gửi dữ liện trên Form đến một địa chỉ Email hoặc một tập tin trên Web Server.

4.1 Gửi dữ liệu trên Form đến một địa chỉ Email

Để gửi dữ liệu trên Form đến một địa chỉ Email thì Web Server phải được thiết lập để hỗ trợ thao tác này.

Cách thức tiến hành:

- Right Click vào vùng trống của Form. Sau đó chọn mục Form Properties.

- Trong hộp thoại Form Properties, nhập địa chỉ Email bạn muốn gửi dữ liệu của Form đến trong ô Email Address, xóa tên tập tin mặc định trong ô File Name, chọn OK để đóng hộp thoại Form Properties lại.

- Chọn No trong hộp thoại vừa hiện ra và chấp nhận địa chỉ Email mà bạn vừa nhập vào. FrontPage sẽ gửi dữ liện từ Form đến địa chỉ đó.

4.2 Gửi dữ liệu trên Form đến một tập tin văn bản

Cách thức tiến hành

- Right Click vào vùng trống của Form. Sau đó chọn mục Form Properties.

- Trong hộp thoại Form Properties, nhập tên tập tin văn bản bạn muốn gửi dữ liệu của Form đến trong ô File Name, xóa tên địa chỉ Email mặc định trong ô Email Address,

- Nhắp nút Option

- Nhắp nút mũi tên xuống của mục File Format, chọn Format Text, Chọn OK - Chọn OK để đóng hộp thoại Form Properties lại.

Khi bạn nhấn nút Submit, dữ liệu của Form sẽ gửi đến tập tin bạn đã nhập trên Web Server, nếu tập tin này chưa có sẽ được tự động tạo ra.

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

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

(62 trang)
w