CREATING DROP DOWN MENU FORM
Muốn tạo một drop down menu 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
PHẢI NỐI VỚI INTERNET
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ả.
KHÔNG CẦN NỐI VỚI INTERNET
Thí dụ 2.
Nếu chúng ta xử dụng JavaScript cho form thì không cần server nghĩa là không cần action.Bỏ trống action =”/”
<form method = “get”
action =”/”>
Khi mở browser những thí dụ trên sẽ xuất hiện như sau.
Thí dụ 3.
*TẠO DROP DOWN MENU VẬN HÀNH BẰNG JAVASCRIPT
* XỬ DỤNG SELECT ONCHANGE ĐỂ TẠO DROP DOWN MENU
Dùng phương pháp nầy có ít code hơn phương pháp xử dụng document.getElementById( ) và cũng dể nhớ.
Dùng chư a hay chữ khác đ̉ể ám chỉ chữ this phía dưới.
Nếu chỉ viết a.selectedIndex thi không có kết quả.
Phải có kèm thêm chữ options và chữ value để dẫn đường tới option và value chứa trong select tags.
