Sử dụng được các thẻ HTML để trình bày trang web: Tạo mẫu biểu (form)
1. Nhập dữ liệu thông qua biểu mẫu Biểu mẫu trên trang web là một giao diện để thu nhận thông tin từ người dùng Biểu mẫu bao gồm các điều khiển nhập dữ liệu như ô văn bản, nút chọn, hộp kiểm,... được thiết kế phù hợp với nhiều kiểu dữ liệu khác nhau, giúp người dùng dễ dàng nhập dữ liệu và giảm sai sót. Ngoài ra, biểu mẫu còn có các nút lệnh cho phép người dùng xác nhận kết thúc nhập dữ liệu để gửi yêu cầu và dữ liệu về máy chủ web. HTML định nghĩa phần tử form để tạo biểu mẫu theo cú pháp sau: <form action = url method= GET/POST> Các điều khiển nhập dữ liệu </form> Thuộc tính action xác định tài nguyên web sẽ tiếp nhận và xử lí dữ liệu mà người dùng vừa gửi đến máy chủ. Tài nguyên web thường là các chương trình được viết bằng các ngôn ngữ lập trình, ví dụ như: Java, PHP, Python,... Thuộc tính method xác định phương thức gửi dữ liệu đến máy chủ để xử lí, thường có giá trị là GET hoặc POST. Nếu không khai báo, phương thức GET được sử dụng. Sử dụng GET, dữ liệu gửi đến máy chủ xuất hiện trong ô địa chỉ của trình duyệt và bị hạn chế về dung lượng. Ngược lại, sử dụng POST, dữ liệu gửi đến máy chủ không xuất hiện trong ô địa chỉ của trình duyệt và không bị hạn chế về dung lượng nên POST thường được dùng để gửi dữ liệu có dung lượng lớn. Thông thường, kết thúc quá trình nhập dữ liệu, người dùng cần nháy chuột vào nút lệnh có chức năng gửi dữ liệu trên biểu mẫu để dữ liệu nhập vào được gửi đến máy chủ web. Sau khi tiếp nhận, xử lí dữ liệu, máy chủ web gửi trả kết quả và kết quả thường là một trang web khác. 2. Một số điều khiển hỗ trợ nhập dữ liệu thông dụng và nút lệnh a) Nhập kí tự Điều khiển nhập xâu kí tự (ô text) được khai báo bằng phần tử input như sau: <input type = text name = Tên_ điều_khiển value = Giá trị > Trong đó: Tên điều khiển được gán cho thuộc tính name. Thuộc tính name không phải là thuộc tính bắt buộc khai báo, nhưng tất cả các điều khiển thường được đặt tên để thuận lợi cho việc xử lí dữ liệu gửi từ biểu mẫu về máy chủ web. Thuộc tính value nếu được khai báo thì Giá trị được gán là giá trị mặc định của ô text khi hiển thị trên màn hình trình duyệt web. Ngoài ô text, HTML còn cung cấp một số điều khiển hỗ trợ nhập dữ liệu thông dụng như mô tả: Phần tử: textarea Mục đích: Tạo ô nhập đoạn văn bản Ví dụ: <textarea name=Comments rows=5 cols =60> </textarea> Phần tử: label Mục đích: Tạo nhãn mô tả ý nghĩa của điều khiển nhập dữ liệu Ví dụ: <label> Địa chỉ email:</label> Phần tử: password Mục đích: Tạo ô text nhập định dạng mật khẩu, mỗi kí tự nhập trong ô text thường được thay thế bằng dấu chấm đen trên màn hình trình duyệt web giúp bảo mật thông tin. Ví dụ: <input type=password name=MatKhau > b) Nhập dữ liệu bằng cách lựa chọn Trong một số trường hợp, dữ liệu nhập vào được xác định trước bằng cách cung cấp một số phương án để người dùng lựa chọn. Danh sách các nút chọn (radio button) được sử dụng trong trường hợp cho người dùng chọn lựa một mục trong danh sách mục gợi ý. HTML định nghĩa radio button thông qua phần tử input có thuộc tính type = radio. Mỗi nút chọn trong danh sách được khai báo bởi một phần tử input. Chú ý: Thuộc tính name của các nút chọn phải được khai báo như nhau để khi nhập liệu người dùng chỉ tích (chọn) được một mục trong danh sách. HTML còn hỗ trợ tạo danh sách chọn hộp kiểm (checkbox) cho phép người nhập dữ liệu có thể chọn nhiều hoặc tất cả các mục trong danh sách các mục chọn. Hộp kiểm được định nghĩa thông qua phần tử input có thuộc tính type = checkbox. c) Nút lệnh gửi dữ liệu HTML cho phép tạo nút lệnh (thường được gọi là nút submit) để gửi dữ liệu được nhập trên biểu mẫu về máy chủ web. Nút submit được khai báo như sau: <input type = submit name= Tên_điều_khiển [value = Giá trị]> Thuộc tính value nếu được khai báo sẽ cung cấp nhãn của nút, trong trường hợp không khai báo, nút trên biểu mẫu có nhãn mặc định là Submit. 3. Một số lưu ý trong thiết kế biểu mẫu Khi khai báo các điều khiển trên biểu mẫu, cần lưu ý: Chọn điều khiển nhập dữ liệu phù hợp với loại thông tin cần thu thập. Ví dụ, để người dùng chọn được nhiều mục thì nên sử dụng checkbox. Thứ tự các điều khiến nên sắp xếp từ trái sang phải, từ trên xuống dưới, gộp nhóm phù hợp với thứ tự dữ liệu người dùng cần nhập. Ví dụ, nên đặt các nút lệnh ở cuối biểu mẫu vì thao tác gửi dữ liệu thường được thực hiện sau khi nhập xong dữ liệu. Nếu biểu mẫu có nhiều nút lệnh, nên sắp xếp nút lệnh theo hàng ngang, ưu tiên nút lệnh có tần suất sử dụng nhiều ở bên trái.