Tạo mật khẩu cho html

• 
• Diễn đàn
• Internet & Web & Multimedia
• Thiết kế web
• Cách tạo mật khẩu login cho Web bằng HTML

1. Cách tạo mật khẩu login cho Web bằng HTML

   Em có một trang web bằng HTML, trang Web nó có các mục như:
   - Trang chủ
   - Thành Viên
   .......
   Em chỉ muốn tạo pass cho mục thành viên để bạn em có thể vào xem được, còn khi vào trang chủ,..... thì vẫn bình thương không cần password. Em đã tìm nhiều rồi nhưng mấy cách làm đó đều không được. Ai có cách nào hay thì giúp em nhé, à với lại web em là của easyvn.
   Cảm ơn.

   ---

2. 

   Được gửi bởi vn984625

   

   Em có một trang web bằng HTML, trang Web nó có các mục như:
   - Trang chủ
   - Thành Viên
   .......
   Em chỉ muốn tạo pass cho mục thành viên để bạn em có thể vào xem được, còn khi vào trang chủ,..... thì vẫn bình thương không cần password. Em đã tìm nhiều rồi nhưng mấy cách làm đó đều không được. Ai có cách nào hay thì giúp em nhé, à với lại web em là của easyvn.
   Cảm ơn.

   Ngâm thử cái này http://www.peej.co.uk/articles/http-...tml-forms.html

   ---

3. Nếu đã viết code đăng nhập thì bắt buộc phải kết hợp thêm một ngôn ngữ lập trình web nào đó như PHP, ASP...
   Chỉ dùng HTML + Javascript để tạo trang đăng nhập thì chẳng có gì ăn thua cả.

   ---

4. hi

   boingonline nói đúng rồi đó , mình thì không rành asp nhưng php thì bít

   Nếu cậu làm bằng php&mysql thì tớ sẽ nói cách làm như sau :

   Việc đầu tiền là môt form dang nhap don gian bang html
   <form method="post" action="gui.php">
   <input name="kydanh"><input type="matkhau" name="matkhau">
   <input type="submit" value="gui">
   </form>

   còn ở trang gui.php cậu dung phuong thức $_POST của php de kiểm tra mật khau va ky danh (ky danh va mat khau cau có thể cho gia tri o biến hoac trong csdl mysql) như vay đó , tớ hông bít cậu đã chạy dc file .php chưa , nếu chưa tớ khó có thể nói chi tiết dc , nếu cậu không bít chạy thì tớ sẽ noi cách chạy ....

   Thiết kế web giá rẽ , click xem chi tiết : http://dokhacluan.ueuo.com/

   ---

5. mình lập một web bằng love.easyvn.com cho lớp.Nhưng có mấy người lạ vào phá hoài, giờ mình muốn tạo một cái tài khoản để tất cả mọi người khi vào trang web của mình kể cả trang chủ đều phải đánh tài khoản mật khẩu đó vào thì làm sao, có ai biết đoạn mã html nào không giúp mình với

   ---

6. ---

7. Bạn có thể dùng .htacess tạo form đăng nhập cũng ok

   ---

8. mình có tạo trang web cho lớp ở trang kyniem.easyvn.com mà mình muốn lập mật khẩu cho trang web đó thì làm sao có ai biết cách chỉ mình với.mình ngu tin lắm nên mong các bạn hướng dẫn cụ thể nhé thank

   ---

9. Web tĩnh làm trang login được, nhưng ko ăn thua! chuyển sang web động mà làm cho dễ

   ---

10. anh ơi. em cũng có 1 wed.tk bây giờ em muốn là mọi người vào thì có dòng chữ đăng kí thành viên.. anh làm hộ em cái đó nha! giúp em với. em muốn phải đăng nhập như wed mình vậy.
    
    [=========> Bổ sung bài viết <=========]
    
    có gì anh gửi qua cho em ở nha anh

    Được sửa bởi emovungtau lúc 11:19 ngày 28-10-2010 Reason: Bổ sung bài viết

    ---

Bookmarks

Bookmarks

Quy định

• Bạn không thể tạo chủ đề mới
• Bạn không thể trả lời bài viết
• Bạn không thể gửi file đính kèm
• Bạn không thể sửa bài viết của mình
•  

• BB code is On
• Smilies are On
• [IMG] code is On
• [VIDEO] code is On
• HTML code is Off

Quy định DDTH.com

Lời đầu tiên tôi xin chúc mừng bạn đã vượt qua 6 ải môn quan để đến với bài thực hành đầu tiên này !
Đây không phải một chương như những chương khác, bạn sẽ không phải học thêm những gì mới mẻ mà sẽ ứng dụng những gì bạn đã học để viết những đoạn script PHP đầu tiên ! Học phải đi đôi với hành mới nhớ dai chứ nhỉ ?!
Nói nhỏ nghe nè : bạn đã đủ trình độ để bảo vệ trang web của bạn bằng mật khẩu (password) rồi đấy ! Đó là nội dung mà hôm nay tôi sẽ hướng dẫn các bạn !

Vì đây là bài thực hành đầu tiên nên có thể bạn sẽ gặp nhiều bỡ ngỡ khó khăn, nhưng đừng vì vậy mà vò đầu bức tóc hay tự tử làm chi nhé ! Bình thường mà, tôi hứa là bạn sẽ làm được sau đó !

• Hiển thị text bằng lệnh echo
• Thao tác với biến (gán, hiển thị )
• Chuyển biến thông qua một vùng text
• Sử dụng điều kiện đơn giản (if … else)

Bước 2: chuẩn bị viết mã

Để chuẩn bị viết script, tôi khuyên bạn nên viết ngoài giấy nháp trước, hơi mất thời gian một tí nhưng code của bạn sẽ có cấu trúc dễ nhìn hơn và bạn sẽ tránh được một số lỗi thông thường khi gõ vào máy!

Mình phải nghĩ về cái gì trước giấy nháp đây?

• Về vấn đề bạn đặt ra nè (tớ muốn làm gì đây?)
• Về sơ đồ code, nghĩa là bạn sẽ cắt code ra làm nhiều đoạn nhỏ để xử lý từng đoạn, dù sao viết một đoạn nhỏ vẫn dễ hơn làm một đoạn lớn chứ nhỉ?!
• Về những hàm và kiến thức PHP mà bạn sẽ cần đến
• Về các biến bạn sẽ sử dụng (hãy đặt tên gì cho biến, biến sẽ chứa cái gì,…)

1. Vấn đề đặt ra: bạn đã viết một trang web chứa nội dung tuyệt mật (cho bộ quốc phòng hay trung tâm vũ trụ quốc tế NASA chẳng hạn), bạn sẽ dùng password để chỉ có bạn và bạn bè mới xem được nội dung trong đó!
2. Sơ đồ code: trước hết mình chỉ làm việc trên một trang thôi! Trang này chứa một đoạn text đại khái yêu cầu nhập vào mật khẩu, nếu mật khẩu đúng thì cho xem nội dung trang web, nếu sai thì yêu cầu nhập lại! (Có ‘mùi’ của điều kiện rồi nhỉ?!)
   Có thể bạn đang nghĩ tới việc làm cái gì đó hơi phức tạp, và cũng có thể bạn sắp làm vài thứ càng phức tạp hơn nhưng chẳng để làm gì cả! He he, những gì tôi giới thiệu ở đây đã được đơn giản tối đa rồi, mình cũng chẳng cần làm gì phức tạp hơn việc sử dụng một điều kiện đơn giản!
3. Những hàm và kiến thức cần nắm: như tôi đã nhắc ở trên
4. Biến cần dùng: theo ý bạn, mình sẽ sử dụng bao nhiêu biến đây? 4? 6? 10?

Chú ý: đừng quên mình còn một loại biến nữa, do PHP tự phát sinh ra trong quá trình chuyển biến khi dùng đến form! Bạn nhớ không? Biến có dạng $_POST[‘xxxx’] hoặc $_GET[‘xxxx’]. Nếu vùng text của bạn có name=”mat_khau’ và method=”post” thì một biến tên là $_POST[‘mat_khau’] sẽ được sinh tự động!

• Khi bạn tải trang web về lần đầu tiên, bạn chưa có điền gì vào form nên biến $_POST[‘mat_khau’] chưa được tạo! Cho nên có hỏi PHP mật khẩu có đúng không cũng vô dụng! Nó đâu có biết đúng hay không!
• Khi bạn đã gõ vào mật khẩu rồi bấm nút “Send”, thì biến $_POST[‘mat_khau’] đã được tạo, lần này bạn mới kiểm tra xem mật khẩu có đúng hay không để cho phép xem nội dung hay không!

Làm sao kiểm tra được biến $_POST[‘mat_khau’] có tồn tại hay không (đã được tạo hay chưa) ?

if(isset($_POST['mat_khau']))
{
// mình sẽ kiểm tra xem mật khẩu có đúng không, mình sẽ cho trước mật khẩu là toto chẳng hạn
}

Bước 3: Tới lượt bạn chơi!

Mình đã cùng nhau chuẩn bị công thức chế biến rồi, bạn thử nấu xem! Cũng đừng ngạc nhiên nếu code của bạn không chạy! Nhưng cũng đừng nản lòng nhé, nếu bạn đã theo trình tự tôi hướng dẫn, tôi tin là bạn sẽ thành công, người Việt mình vốn thông minh mà (ngoại trừ tôi!), bạn hãy chạy WAMP, mở notepad++ ra (hoặc text editor mà bạn đang dùng) rồi gõ code vào! Sau đó vào localhost chạy thử!
Bạn hãy vô tư phát minh ra một password nào đó nhé! Nhưng đừng lấy password email thật của bạn đấy, tôi không đảm bảo rằng sẽ không có ai phát hiện ra đâu! Chúc may mắn! Tôi đi chơi một lát đây, lát nữa trỡ lại coi kết quả nha!

Bước 4: Sửa!

Dzô, xem bạn đã làm gì nào, mình cùng nhau sửa nhé! Bạn chỉ nên xem phần này khi bạn đã xong việc của bạn để so sánh với kết quả của tôi, hoặc bạn bị bí hoàn toàn!
Code : PHP

<?php
// Tôi chọn password là "kangourou"
if(isset($_POST['mat_khau'])) // Nếu biến này tồn tại
{
    // Mình hãy tạo một biến $mat_khau chứa cái password mà người ta gõ vào nhé
    $mat_khau = $_POST['mat_khau'];
}
else // biến chưa tồn tại
{
    $mat_khau = ""; // Tạo một biến rỗng
}

if ($mat_khau == "kangourou")

// nếu mật khẩu đúng
{
// Mình cho hiện ra nội dung trang web
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang ="fr" lang="fr" >
    <head>
        <title>Mat khau vao Trung Tam NASA</title>
        <meta  http-equiv=" Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
        <h2>Đây là mật mã vào Trung Tâm NASA :</h2>
        <h3>CRD5-GTFT-CK65-JOPM-V29N-24G1-HH28-LLFV</h3>

        <hr>
        <p>
        Trang này chỉ dành cho thành viên của NASA, đừng quên trỡ lại thường xuyên vì mật mã vào cổng được thay đổi hàng tuần.<br>
        NASA xin cảm ơn sự viếng thăm của bạn.
        </p>
    </body>
</html>
<?php
}
else

// nếu mật khẩu không đúng
{
// Mình cho hiện ra vùng text để gõ lại mật khẩu.
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang ="fr" lang="fr" >
    <head>
        <title>Trang duoc bao ve bang mat khau</title>
        <meta  http-equiv=" Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
    <p>Vui lòng gõ lại mật khẩu để nhận code vào cổng của Trung Tâm NASA : </p>
    <form action="protection.php" method="post">
    <p>
    <input type="text" name ="mat_khau" /> <input type="submit" value="Send" />
    </p>
    </form>
    <p>Trang này chỉ dành cho thành viên của NASA, nếu bạn không làm việc ở NASA, đừng phí công vô ích ngồi mò mật khẩu nữa !;-) </p>
    </body>
</html>
<?php
} // kết thúc else
// kết thúc code :)
?>

Nếu bạn muốn giấu password, khi gõ chỉ thấy các dấu * thay vì thấy text, giống như lúc các bạn gõ password khi sign in vào mail ấy, thì bạn hãy thay type="text" bởi type="password" trong form nhé!

• Mình bắt đầu bằng việc kiểm tra xem biến $_POST[‘mat_khau’] có tồn tại hay không, nếu tồn tại, mình tạo một biến tên là $mat_khau để chứa password mà visitor gõ vào. Chú ý là biến $_POST[‘mat_khau’] là do PHP tạo chứ không phải mình, giá trị của nó chính là những gì mà visitor gõ vào (text). Biến mà mình tạo chỉ là $mat_khau thôi! Nếu $_POST[‘mat_khau’] chưa tồn tại, đơn giản chỉ vì đây là lần đầu tiên tải trang web về, visitor chưa gõ gì vào cả! Mình sẽ tạo biến $mat_khau rỗng (text rỗng được kí hiệu bằng hai dấu nháy "").
  Đừng băn khoăn về isset, bạn chỉ cần nghĩ rằng viết như vậy chỉ là để kiểm tra xem $_POST[‘mat_khau’] có tồn tại hay không thôi!
• Tiếp theo, mình dùng điều kiện để kiểm tra xem $mat_khau có đúng là mật khẩu mà mình đã giao trước hay không! Ở đây tôi chọn mật khẩu là kangourou đó!
• Tôi đã không hiển thị nội dung trang web bằng lệnh echo như thường lệ, bởi nó quá dài lại chứa nhiều tag rắc rối, nên như tôi đã chỉ cho các bạn biết một mẹo vặt để hiển thị nội dung dài dòng rắc rối mà không phải nhờ đến echo: chỉ cần đóng cái tag ?> lại, rồi làm việc với code HTML bình thường! Khi xong cái cần hiển thị, để trỡ lại làm việc với PHP mình phải mở tag php ra (<?php)
• Bạn để ý rằng thực ra có 2 trang trong 1 đoạn code ở trên! Bên ngoài tag php tôi đã dùng code HTML đơn thuần!
• Chuyện gì xảy ra khi mình chạy chương trình lần đầu tiên? Biến $_POST[‘mat_khau’] rỗng, có giá trị NULL. Do đó nó không bằng “kangourou”! Vì vậy những lệnh sau else sẽ chạy trước, nghĩa là trước hết bạn sẽ thấy trang yêu cầu nhập password! Bạn hãy cố ý gõ sai password một hai lần thử xem!

  Chú ý: code của bạn không chạy, nhưng bạn dám lấy đầu ra bảo đảm rằng bạn đã dò từng dòng để so sánh với code của tôi và thấy không chút gì sai khác cả, vậy thì bạn hãy chú ý kĩ vào dấu nháy bên trong biến $_POST[] nhé, phải là 'mat_khau' mới chính xác! Còn đây là dấu không chính xác: ‘mat_khau’

  Thực hành kết thúc!

  ---