Web khơng chỉ dừng lại ở việc hiển thị thơng tin mà nĩ cịn cĩ thể cho phép người dùng tương tác trên nĩ. Ví dụ: người dùng cĩ thể nhập thơng tin lên biểu mẫu và gửi về máy chủ xử lý. Trong khuơn khổ của việc thiết kế Web tĩnh, chúng tơi xin giới thiệu thẻ <form>
… </form> là một thẻ HTML cung cấp các biểu mẫu nhập liệu và các thành phần bên trong
nĩ.
Cấu trúc chung:
Trong đĩ:
Name: dùng để đặt tên cho form. Nếu form khơng được đặt tên, sẽ khơng thể
can thiệp vào form bằng JavaScript để kiểm tra dữ liệu nhập cĩ hợp lệ hay khơng.
Method: xác định phương thức gửi dữ liệu về máy chủ. Nếu phương thức là POST, các thơng tin nhập liệu của người dùng sẽ khơng hiển thị trên thanh địa chỉ của trình
duyệt. Ngược lại, nếu phương thức gửi là GET thì các thơng tin mà người dùng gửi đi sẽ
được nhìn thấy trên thanh địa chỉ của trình duyệt. Mặc định phương thức truyền dữ liệu là
GET. Do đĩ, vì vấn đề bảo mật, nếu trường hợp biểu mẫu nhập liệu cĩ những thơng tin cá
nhân, nhưng thơng tin cần được giữ bí mật như mật khẩu, mã PIN, … thì phải dùng phương thức POST.
Action: trong thuộc tính này cĩ thể là địa chỉ của trang sẽ nhận thơng tin người
dùng nhập để xử lý khi được gửi về máy chủ, hoặc cũng cĩ thể để rỗng nếu bạn muốn thơng
Mục tiêu học tập: Sau khi học xong bài này, người học cĩ thể:
- Tạo Form và các Controls
<form name= “ten_form” method= “POST/GET” action= “URL”> <!—Các thành phần điều khiển trong form -->
tin khi gửi về máy chủ sẽ được xử lý tại chính trang biểu mẫu này.
Lưu ý: Nếu khai báo các thành phần điều khiển bên ngồi thẻ <form> … </form>
hoặc bỏ qua việc khai báo <form> … </form> thì các thơng tin mà người dùng nhập sẽ
khơng thể gửi về Web Server. Điều này cĩ nghĩa là các thơng tin người dùng nhập sẽ khơng được xử lý.