CREATING A DROP DOWN FORM IN HTML

TẠO DROP DOWN FORM CHO WEBSITE

Muốn tạo một drop down list cho website thì phải dùng loại form viết trong HTMLvà phải có CGI để chuyển vận an tòan data từ form của user tới server rồi nhận trả lời từ server chuyển trở lại user.

CGI còn được gọi là form processor, nó nhận data từ form và vận hành. (CGI takes data from form and processes it.)

CGI viết tắt của những chữ Common Gateway Interface.Đó là script chứa trong cgi-bin-directory của server.

Chúng ta có thể tạo CGI cho riêng chúng ta.

Server chỉ là một software để gửi data tới browser của user.

Nếu không có CGI , chúng ta chọn CGI sau đây rất an tòan theo kinh nghiệm của người viết bài nầy từ năm 2012.

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

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

Trường Đại Học Texas dạy cách viết CGI của server gồm có những thành phần như sau.

 “http://uts.cc.utexas.edu/cgi-bin/cgiwrap/twmaint/htmworld.cgi”

uts.cc.utexas.edu là server.

twmaint là user name

htmworld là script name

Theo quy ước sau cùng phải có chữ cgi

Nhưng http nầy hiện nay năm 2016 không còn họat động.

               ********************

form được đem dùng vào những việc như sau:

Order hàng hóa, đăng ký emails, ghi danh, chứa data gửi đi, chứa passwords, auto-responders, feedback, survey…

Có 2 form methods.

form method = “post” rất an tòan  và form method= “get” là default

Dùng post khi có nhiều hơn 3 input fields và muốn được an toàn nữa thì phải dùng secure server có https như các thí dụ trên.

Dùng get để gửi data một lần mà thôi và không cần chú ý tới security

Thí dụ 1.

Đây là form có drown down dùng để tìm tên một trường đại học nổi tiếng tại các nơi trên thế giới.

Vì muốn có drop down nên phải có select  name và option value.

Khi viết form, phải nhớ viết trước tiên method của form và action của form có chứa CGI.

<form method ="post" action ="https://www.bigbiz.com/cgi-bin/forms.cgi">

Xử dụng textarea để lấy ý kíến của độc giả.

Thí dụ 2.

Nếu chúng ta xử dụng JavaScript cho form thì không cần servernghĩa là không cần action.Bỏ trống action =”/”

Khi mở browser những thí dụ trên sẽ xuất hiện như sau.