XỬ DỤNG HTML FORM VỚI JAVASCRIPT ĐỂ VIẾT & ĐỌC TÀI LIỆU
HTML form dùng để tạo những ô hay nút gọi là boxes,buttons,widgets có dạng hình chữ nhật,hình vuông, hình tròn trên trang Web .Chúng ta click vào những nút đó để mở xem tài liệu (data ) hoặc để submit data.
Khi click vào nút thì browser liền nối với server.Server xử dụng ngay một form processor script làm vận hành (processes) data rồi gửi trả lạị cho browser.
Nhà vật lý học (physicist) Tim Berners-Lee phát minh html ,form, browser , server, http protocol softwares vào năm 1989 -1990 khi đang làm contractor tại cơ quan CERN để giúp cho các khoa học gia vật lý tại cơ quan nầy có phương tiện dùng trao đổi tài lịêu nghiên cứu qua computer cá nhân.
Browser là software dùng để liên lạc , giao thông với Web Server bằng ngôn ngữ HTTP và chuyển đổi HTML , codes hình ảnh thành chữ viết và hình xuất hiện trên màng hình monitor.
HTTP viết tắt của chữ Hypertext Transfer Protocol là ngôn ngữ để browser nói chuyện với server.
Web Server là software chạy trong bất cứ computer nào muốn chấp nhận công việc liên lạc và giao thông với các browsers bằng ngôn ngữ HTTP.
Hiện nay có 2 Web Servers rất thông dụng là Apache và Microsoft Internet Information Server.
Đến năm 1995, javaScript xuất hiện do Brendan Eich của NETSCAPE phát minh.Nhờ có phát minh nầy những objects trong trang web html không còn bất động (static) như trang sách hay nhựt báo nữa.
HTML form có nhiều tên như check box (nút vuông),radio box( nút tròn ),text box (nút hình chữ nhật) v.v… dùng để chứa input elements và dùng chọn lưa “drop down lists”. Thí dụ đây là một html form rất đơn giản có nút hình chữ nhật.
input có một số attributes cần phải biết như sau:
type - Cho biết lảnh vực( field) nào muốn chọn.Thí du text,submit hay mật mả (password)
name - Đặt cho type một cái tên để xử dụng khi cần tới.
size - Là bề rộng của ô hình chữ nhật
maxlength - Qui định tối đa bao nhiêu chữ sẽ viết vào
value - Là tên của nút tuỳ ý chúng ta gọi hoặc bỏ trống.Thí dụ value="CLICK"
Sau khi viết xong data vào html form,nếu click submit thì name và value của form được encoded tự động theo application/x-www-form-urlencoded (default encode) rồi được chuyển ngay tới server bằng http request theo GET hoặc POST method (tùy ý chúng ta chọn.)
Cắt nghĩa chi tiết
Bảng html nầy gồm có 2 phần.
* JavaScript viết trong head tag.
function có tên tùy ý chúng ta chọn nhưng phải chứa một parameter là form.
Ở đây chúng ta chọn function test(form).
Những gì chúng ta viết trong form được function test(form) copied rồi tồn trử trong variable x. Đó là nhiệm vụ của function .Mỗi lần viết là mỗi lần thay đổi khác nhau cho nên cần phải có variable x trong memory để chứa những thay đổi.
Window alert( ) pop up sẽ cho chúng ta biết những gì dã viết trong form
* Trong body tag chúng ta viết chi tiết của form gồm có 3 hàng (3 lines) :
Hàng đầu viết tên của form,chữ action và chữ method để ra lệnh cho form gửi tài lịêu tới form processor chứa trong server.
form luôn luôn phải có chữ action.Nếu cần đến form processor thì trong action phải có ghi một program CGI (Common Gateway Interface) hoặc url .Trong thí dụ nầy chúng ta bỏ trống action=” “ vì có javaScript làm công việc processing form nên không cần form processor chứa trong server.
Khi cần nhờ cậy server thi viết : thi dụ action=”http://.../cgi-bin/form”
Nếu chưa có hoặc chưa biết về cgi-bin chúng ta có thể viết như sau để làm trắc nghiệm khi dùng post hoặc get method.
URL nầy được xác nhận an toàn vì có chữ s nghĩa là safe , được secured.
* Trong body tag chúng ta viết chi tiết của form gồm có 3 hàng (3 lines) :
Hàng đầu viết tên của form,chữ action và chữ method để ra lệnh cho form gửi tài lịêu tới form processor chứa trong server.
form luôn luôn phải có chữ action.Nếu cần đến form processor thì trong action phải có ghi một program CGI (Common Gateway Interface) hoặc url .Trong thí dụ nầy chúng ta bỏ trống action=” “ vì có javaScript làm công việc processing form nên không cần form processor chứa trong server.
Khi cần nhờ cậy server thi viết : thi dụ action=”http://.../cgi-bin/form”
Nếu chưa có hoặc chưa biết về cgi-bin chúng ta có thể viết như sau để làm trắc nghiệm khi dùng post hoặc get method.
URL nầy được xác nhận an toàn vì có chữ s nghĩa là safe , được secured.
action= ”https://www.bigbiz.com/cgi-bin/forms.cgi"
Form có 2 methods get và post;get method là default.
Hàng thứ nhì làm xuất hịên ô hình chữ nhật để chúng ta sẽ viết trong đó những gì tùy ý.Value= “ ” bỏ trống vì dành chỗ để viết.
Hàng thứ ba làm xuất hiện một ô hình chữ nhật có mang chữ Click.Khi chúng ta Click thì function test(form) đượ̣c called ngay.Có thể thay chữ Click bằng chữ Submit.
Screenshot cho thấy kết quả bảng html viết ở phần trên.
BẢNG HTML TRÊN CÓ THỂ THU GỌN RẤT NGẮN NHƯ SAU :
BÀI KẾ TIẾP : VÀI THÍ DỤ CÁCH DÙNG HTML FORM
SOME EXAMPLES OF USING HTML FORM
SOME EXAMPLES OF USING HTML FORM
