Hướng dẫn how do i create a registration and login form in html with a database? - làm cách nào để tạo biểu mẫu đăng ký và đăng nhập trong html với cơ sở dữ liệu?

Xin chào các bạn hy vọng các bạn ổn, hôm nay tôi sẽ chia sẻ với bạn cách tạo mẫu đăng ký trong HTML với cơ sở dữ liệu, đăng ký trang web là bước đầu tiên quan trọng trong chiến lược thay đổi thành thành viên.

Bài viết này sẽ trình bày bạn xây dựng một loại đăng ký trong HTML với cơ sở dữ liệu MySQL và tập lệnh PHP để đăng ký khách hàng mới và các yêu cầu đăng nhập của người.

Đối với nhu cầu của bài viết này, 2 nhiệm vụ thiết yếu mà chúng tôi đã hoàn thành là:

Đăng ký, cho phép một người tham gia một tài khoản hoàn toàn mới trên đăng nhập trang web của chúng tôi, được sử dụng khi một người mong muốn đăng nhập và nhập tài khoản của họ. Điều này có thể thường được gọi là đăng nhập.

Hãy bắt đầu với việc đăng ký trước. Đăng ký là công việc chính mà một người phải hoàn thành. Loại đăng ký cung cấp cho khách hàng trang web của chúng tôi cơ hội cung cấp cho chúng tôi một số dữ liệu cơ bản để họ sẽ đăng nhập, giống với danh tính và xử lý thư điện tử của họ.

Khi một người gửi hình dạng, sau đó họ đã đưa đến một trang web thể hiện bản in nhỏ mà họ đã nhập. Nếu dữ liệu được cung cấp là đúng và chúng tôi đã không có tài khoản cho giải quyết thư điện tử đó, chúng tôi sẽ hiển thị một tin nhắn khẳng định và thông báo cho họ rằng tài khoản của họ đã được đăng ký.

Cách kết nối HTML với cơ sở dữ liệu với MySQL

Chúng tôi sẽ khám phá các cách để tạo biểu mẫu đăng ký trong HTML với kết nối cơ sở dữ liệu trong PHP. Chúng tôi sẽ sử dụng bàn giống hệt nhau mà chúng tôi đã tạo trong hướng dẫn trước đó. Sự khác biệt duy nhất là chúng tôi sẽ thêm một cột hoàn toàn mới trong bàn để lưu trữ mật khẩu của người.

Tạo loại đăng ký là loại dễ dàng. Chúng tôi chỉ cần thêm một chủ đề nhập hoàn toàn mới cho mật khẩu và nút gửi. Khi người tiêu dùng nhấp vào nút gửi, thông tin có thể được chèn vào bàn cơ sở dữ liệu.

Để làm cho loại đăng ký an toàn hơn, chúng tôi sẽ băm mật khẩu sớm hơn là chèn nó vào bàn cơ sở dữ liệu. Băm là một chiến lược thay đổi nội dung văn bản đơn giản ngay vào nội dung văn bản mật mã. Đó là một khóa học phương pháp, biểu thị rằng bạn không thể chuyển đổi nội dung văn bản mật mã một lần nữa thành nội dung văn bản đơn giản.

Bạn cũng có thể thích:

• Cách chèn Xóa cập nhật trong PHP
• Cách tìm nạp dữ liệu từ cơ sở dữ liệu trong PHP
• Cách tạo hệ thống đăng nhập trong PHP với xác thực
• Cách tạo mẫu đăng nhập trong PHP với phiên và MySQL
• Cách tải lên trang web PHP trên cpanel

Chúng tôi sẽ sử dụng thao tác MD5 để mã hóa mật khẩu. Hàm MD5 này có một tham số - mật khẩu nội dung văn bản đơn giản và thuật toán băm để sử dụng.

Mật khẩu băm có thể sẽ được lưu trong bàn cơ sở dữ liệu cùng với các chi tiết tiêu dùng khác nhau. Khi người tiêu dùng cố gắng đăng nhập, chúng tôi sẽ lấy mật khẩu của họ từ cơ sở dữ liệu và đánh giá nó bằng băm của mật khẩu đã nhập sử dụng hàm băm.

Cách lưu trữ dữ liệu trong cơ sở dữ liệu từ biểu mẫu HTML

Nếu bạn muốn biết cách lưu trữ dữ liệu trong cơ sở dữ liệu từ biểu mẫu HTML, thì bạn đã đến đúng nơi. Trong bài đăng trên blog này, chúng tôi sẽ chỉ cho bạn cách làm điều đó. Các biểu mẫu HTML là một cách tuyệt vời để thu thập thông tin từ người dùng. Tuy nhiên, nếu bạn muốn lưu trữ dữ liệu đó trong cơ sở dữ liệu, bạn sẽ cần sử dụng một chút mã.

May mắn thay, nó không khó để làm. Với một vài dòng mã, bạn có thể dễ dàng lưu trữ dữ liệu biểu mẫu trong cơ sở dữ liệu.

Đây là cách: làm thế nào:

1. Đầu tiên, tạo một biểu mẫu HTML thu thập dữ liệu bạn muốn lưu trữ. Đảm bảo bao gồm các trường đầu vào cho tất cả các thông tin bạn muốn thu thập.
2. Tiếp theo, tạo tập lệnh PHP sẽ nhận dữ liệu biểu mẫu và chèn nó vào cơ sở dữ liệu. Bạn có thể tìm thấy nhiều hướng dẫn về cách thực hiện trực tuyến này.
3. Cuối cùng, tải lên tập lệnh PHP và biểu mẫu HTML lên máy chủ web của bạn. Đó là nó! Bây giờ khi ai đó gửi biểu mẫu HTML của bạn, dữ liệu sẽ được lưu trữ trong cơ sở dữ liệu.

    
    
    
    
    Signup Form Using HTML and CSS3


    

        
 Signup Form 
        

            
                
                
        
        

                
                
        
        

                
                
        
        

                
                
        
             Signup 
        
    

Khi bạn đã sử dụng mã nêu trên, thì bạn cần sử dụng CSS để thiết kế biểu mẫu. Tôi đã thiết kế sử dụng CSS, vì vậy, bạn có thể nhận mã CSS3 ở đây

@import "//stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
body
{
    margin: 0px;
    padding: 0px;
    font-family: sans-serif;
    background:url[../img/background2.png] no-repeat;
    background-size: cover;
}

.signup-form
{
    width: 280px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate[-50%,-50%];
    color: #fff;
}

.signup-form h2
{
    float: left;
    font-size: 40px;
    border-bottom: 4px solid #4caf50;
    margin-bottom: 50px;
    padding: 13px 0px
}

.txt
{
    width: 100%;
    overflow: hidden;
    font-size: 20px;
    padding: 8px 0px;
    margin: 8px 0px;
    border-bottom: 1px solid #4caf50;
}

.txt i
{
    width: 26px;
    float: left;
    text-align: center;
}

.txt input
{
    border: none;
    outline: none;
    background: none;
    color: #fff;
    font-size: 18px;
    width: 80%;
    float: left;
    margin: 0 10px;
}

.btn
{
    width: 100%;
    background: #4caf50;
    border: none;
    color: #fff;
    padding: 10px 05px;
    cursor: pointer;
    font-size: 14px;
}

Cuối cùng, bạn cần triển khai PHP để lấy dữ liệu từ các trường đầu vào và lưu trữ trong cơ sở dữ liệu MySQLI. Vì vậy, bạn có thể lấy mã ở đây