TIẾP THEO # 1 - VÀI THÍ DỤ CÁCH DÙNG HTML FORM

Thí dụ 2 - Muốn upload file or picture via html form

Example of html form used to load a file or a picture

Để cho html form hoạt động được thì trong action phải có một server hoặc một form processor hay một program có tên là CGI ( Common Gateway Interface ) để làm processing data .

Nếu trong action bỏ trống thì phải dùng javaScript

 Chọn server nầy không tốn tiền và an toàn (secure) : “https://www.bigbiz.com/cgi-bin/forms.cgi” Khi dùng nó, theo yêu cầu phải viết thêm name = F_display thi form mới hoạt động được và cũng nên trắc nghịêm trước bằng cách viết trong action như sau để xem xét html form của mình có gì thiếu sót :

                               action=” https://www.bigbiz.com/cgi-bin/forms-test.cgi”

Một bảng tóm lược như thế nầy sẽ xuất hịên cho biết kết quả chỗ nào còn thiếu sót .

Khi thấy tất cả đều OK thì xóa bỏ chữ forms-test.cgi rồi viết vào đó chữ forms.cgi

    action chỉ chỗ cho browser gửi data để thực hiện processing

   Tất cả html form đều phải có action mặc dầu bên trong bỏ trống

Theo tiêu chuẩn W3C thì phải dùng POST method đối với CGI scripting.

POST method có ưu điểm cho gửi nhiều data và an toàn vì có encrypted for secure.

Với GET method , data được gắn vào đuôi của URL nên data rất ngắn.

Khi viết input type="file"  hoặc input type=” image” , nút Browse sẽ tự động xuất hiện .            Phải thay chữ picture.gif bằng chữ picture.png nêu hình là png.


Đây là những secure URL dùng cho action=" / " tìm thấy trên website.

https://www.bigbiz.com/cgi-bin/forms.cgi 

https://secure.bigbiz.com/cgi-bin/forms.cgi

https://shop.bigbiz.com/cgi-bin/forms.cgi


-----------------------------------------------------------------------------------

Xem bài tiếp theo :
Thí dụ 3- Muốn dùng html form để gửi data tới URL( for creating a query string )
Example of html form used to create a query string

----------------------------------

VÀI THÍ DỤ CÁCH DÙNG HTML FORM

EXAMPLES OF USING HTML FORM
Có nhiều thí dụ hướng dẫn cách dùng html form nhưng ở đây chúng ta chỉ lưu ý đến một vài áp dung thường thấy.

• Muốn Ajax responseText xuất hiện trong textarea của html form.
• .Muốn upload a file or a picture via html form.
• Muốn  dùng html form để gửi data tới URL( for creating a query string ).
• Muốn kết hợp html form với javaScript.
• Muốn dùng html form để chọn mua hàng trên website(for shopping online).

Thí dụ 1. Muốn Ajax responseText xuất hiện trong textarea của html form 
                 How to display Ajax responseText in html form textarea

 Lưu ý.   Bảng html nầy nếu muốn áp dụng được với các browsers khác kể cả Internet Explorer thì phải viết lại dưới function ajaxFunction () như sau. Lý do đã nói rõ trong bài Writing Ajax In Notepad trước đây.

        var xhr ;

   if(navigator.appName=="Microsoft Internet Explorer") {

        xhr = new ActiveXObject("Microsoft.XMLHTTP");}

        else {xhr=new XMLHttpRequest()}                                                                

rows cho biết có bao nhiêu hàng chữ (lines) trong khung textarea.

cols cho biết có bao nhiêu chữ với bề rộng cố định ( characters wide) trên một hàng .

 Chọn font courier làm tiêu chuẩn để đo bề rộng vì font nầy có bề rộng cố định nên gọi là fixed-width font. Những chữ viết đậm nét ở đây chính là font courier.

Dùng DOM method để cho responeText xuất hịên trong khung textarea của html form.


Xem bài kế tiếp : 
Thí dụ 2 . Muốn upload file or picture via html form.

                  Example of loading a file or a picture via html form