VN Click Forum
Chào mừng bạn đến với VN Click Forum
Để có thể nhìn thấy link, download file đính kèm hay không có quảng cáo bạn cần đăng ký và (hoặc) đăng nhập
Chúc bạn tìm được những điều bổ ích và lý thú khi ở đây.
Cảm ơn bạn đã ghé thăm forum
BQT Forum
Thân!

Tạo 1 feedback cho website

View previous topic View next topic Go down

Mặc định Tạo 1 feedback cho website

Post by minhnguyenquang75 on Mon Apr 04, 2011 6:59 pm

Bạn cần tạo 1 bảng trưng cầu ý kiến (gọi tắt là Feedback) cho trang web của mình nhưng lại k muốn sử dụng các dịch vụ free như Dk3, Bravenet hay Hotplugins... vì chúng k ít thì nhiều sẽ bị chèn quảng cáo vào. Một điều nữa là bạn k thể thay đổi các tùy chọn cho phù hợp hay bám sát với tình hình. Vì vậy bạn cần tự code 1 trang feedback mang phong cách của riêng mình, bài viết này sẽ hướng dẫn bạn làm việc đó
* Ngôn ngữ sử dụng HTML

- Bạn cần có 1 chương trình hỗ trợ HTML như FrontPage, Kompozer, Dreamweaver hay Notepad có sẵn trong windows cũng dc :), bài này sẽ hướng dẫn trực tiếp bằng notepad để tạo 1 trang DemoFeedback.html
- Tiến hành:
Bạn mở notepad và soạn nội dung như sau vào:

Code:
<form action="mailto: <MailCủaBạn>@<YourMail>" method="post" enctype="text/plain" >
<p>
Tên sử dụng: <br>
<input type="text" name="name" size="35"><br>
Địa chỉ EMail: <br>
<input type="text" name="e-mail" size="35">
<br>
Website cá nhân<br>
<input type="text" name="url" size="35" maxlength="100" value="http://">
<p>
Đoạn mã trên mô phỏng 1 VD về chức năng khai báo bao gồm tên, email, website và các thông tin đó dc gửi đến địa chỉ email <MailCủaBạn>@<YourMail> (Bạn thay bằng địa chỉ mail của bạn)
Nếu bạn muốn thêm các thông tin mà yêu cầu người dùng khai báo như quốc gia, ngày sinh... thì bạn thêm tương tự

Code:
xxx :<br>
<input type="text" name=”xxx" size="35">
<br>
Trong xxx là bất cứ thứ gì bạn muốn thêm

Tiếp tục soạn thảo:
Code:
Vì sao bạn biết đến website này:<br>
<select name="luachon" size="1">
<option>Nhấn vào đây để chọn </option>
<option value="Bạn bè">Bạn bè</option>
<option value="Google">Google</option>
<option value="Tạp chí">Tạp chí</option>
<option value="Khác">Khác</option>
</select></p>

Tại sao bạn đăng ký làm thành viên ?:<br>
<textarea name="comments" rows="3" cols="50" wrap="physical"></textarea>
<p>
<input type="submit" value="Gửi">
<input type="reset" value="Reset">
Code:

Đánh giá của bạn về website này ?<br>
<input type="radio" name="rating" value="1"> Tuyệt vời
<input type="radio" name="rating" value="2"> Hay
<input type="radio" name="rating" value="3"> Khá
<input type="radio" name="rating" value="4"> T.Bình
<p>
<input type="submit" value="Gửi">
<input type="reset" value="reset">

Code:

Bạn muốn có thêm chức năng gì trên diễn đàn ? <br>
<input type="checkbox" name="suggestion" value="add"> Mở thêm box
<input type="checkbox" name=" suggestion" value="add"> Thêm chức năng Upload
<input type="checkbox" name=" suggestion" value="add"> Kinh nghiệm
<input type="checkbox" name=" suggestion" value="add"> Kho Download
<p>
<input type="submit" value="Gửi">
<input type="reset" value="Reset"></form>

Trên đây là vd minh họa, các bạn có thêm thêm mắm muối cho phù hợp với trang web của mình nhé. Sau khi thực hiện xong, các bạn lưu lại là Demo.htm sau đó chạy thử bwangf trình duyệt web, nếu ra 1 loạt code thì chia buồn, nếu OK thì ra như bạn mong muốn. Nếu có thắc mắc gì liên hệ mình ngay tại topic này nhé.

Chúc các bạn thành công !

-------------------------------------- Signature --------------------------------------
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.][You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.][You must be registered and logged in to see this link.]

My Blog: [You must be registered and logged in to see this link.]
avatar
minhnguyenquang75
Super Member
Super Member

Ngày tham gia : 2010-04-22
Tổng số bài gửi : 124
Tiếng vang : 20413
Độ uy tín : 69
Đến từ : Quarantine

View user profile

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum