Bây giờ, hãy xem ví dụ về Cách tạo biểu mẫu liên hệ PHP 8 với xác thực MySQL. đó là ví dụ đơn giản về Cách tạo biểu mẫu liên hệ PHP 8 với MySQL. bạn sẽ học PHP Liên hệ với chúng tôi Biểu mẫu với Cơ sở dữ liệu và Xác thực. Bài viết này trình bày chi tiết về biểu mẫu liên hệ với chúng tôi PHP MySQL với xác thực bằng Bootstrap. Hãy xem ví dụ dưới đây Biểu mẫu liên hệ PHP đơn giản để lưu trữ trong cơ sở dữ liệu MySQL

    
    
    
    
    
    
How to Create Contact Form using PHP 8 MySQL?
    


$nameErr = $emailErr = $passwordErr = $confirm_passwordErr = $messageErr = "";
$name = $email = $password = $confirm_password = $message = "";
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    if (empty($_POST['name'])) {
        $nameErr = "Name is required!";
    }
    if (empty($_POST['email'])) {
        $emailErr = "Email is required!";
    }
    if (empty($_POST['password'])) {
        $passwordErr = "Password is required!";
    }
    if (empty($_POST['confirm_password'])) {
        $confirm_passwordErr = "Confirm_password is required!";
    }
    if (empty($_POST['message'])) {
        $messageErr = "Message is required!";
    }
    if($_POST['password']!=$_POST['confirm_password']){
        $pass = "plese enter velid password and Confirm Password";
    }
    if (empty($nameErr)&&empty($emailErr)&&empty($passwordErr)&&empty($confirm_passwordErr)&&empty($messageErr)&&empty($pass)) {
            $name = $_POST['name'];
            $email = $_POST['email'];
            $password = $_POST['password'];
            $confirm_password = $_POST['confirm_password'];
            $message = $_POST['message'];
            $servername = "localhost";
            $username = "root";
            $password_db = "root";
            $dbname = "db_php";
            $conn = mysqli_connect($servername,$username,$password_db,$dbname);
            if (!$conn) {
                die("connection failed:".mysqli_connect_error());
            }
            $sql = "INSERT INTO users (name,email,password,confirm_password,message)
            VALUES('$name','$email','$password','$confirm_password','$message')"; 
            if ($conn->query($sql)===TRUE) {
                echo "
Data Insert Successfully
";
            }else{



                echo "Error: " .$sql . "
" . mysqli_error($conn);
            }
            $conn->close();
    }
}
?>
    

        

            

                
How to Create Contact Form using PHP 8 MySQL? - Nicesnippets.com
            
            

                
                    

                        

                            Name :
                            *
                            
                            
                        
                        

                            Email :
                            *
                            
                            
                        
                    
                    

                        

                            Password :
                            *
                            
                            
                        
                        

                            Confirm Password :
                            *
                            
                            
                        
                        
                    
                    

                        Message :
                        *
                        
                        



                    
                    

                            
                    
                
            
        
    

Nó sẽ giúp bạn

Trong hướng dẫn này, chúng ta sẽ tạo một trang liên hệ với HTML, CSS và PHP. Mã sẽ bao gồm biểu mẫu HTML, xác thực và mã PHP sẽ xử lý dữ liệu biểu mẫu

Bao gồm các tính năng bổ sung và liên kết tải xuống mã nguồn

Trang liên hệ dùng để làm gì?

Khi người dùng truy cập trang web của bạn, họ có thể sử dụng trang liên hệ để liên hệ với bạn về nhiều khía cạnh của trang web của bạn. Chẳng hạn, người dùng có thể báo cáo lỗi hoặc họ có thể cung cấp cho bạn phản hồi khách quan của họ. Cho dù ý định của họ là tốt hay không

Ngoài ra, trang liên hệ có thể giúp bạn có các cơ hội tiếp thị và sẽ cung cấp một cách để giao tiếp với khán giả của bạn

nội dung

1. Bắt đầu

Trước khi chúng tôi bắt đầu mã hóa biểu mẫu liên hệ của mình, chúng tôi cần đảm bảo rằng chúng tôi có một máy chủ web đang hoạt động và đáp ứng tất cả các yêu cầu bên dưới. Chúng tôi không thể thực thi mã PHP nếu không có máy chủ web đang hoạt động vì đây là ngôn ngữ lập trình phía máy chủ

1. 1. Yêu cầu

• Máy chủ web — Nếu bạn chưa cài đặt gói giải pháp máy chủ web cục bộ, tôi khuyên bạn nên tải xuống và cài đặt XAMPP. XAMPP là gói giải pháp máy chủ web mã nguồn mở
• Máy chủ thư (SMTP) — Nếu không có máy chủ thư hoạt động, bạn sẽ không thể nhận được email được xử lý bằng biểu mẫu liên hệ. Nếu bạn đang lưu trữ trang web của mình với một nhà cung cấp, bạn không cần phải làm bất cứ điều gì. Tuy nhiên, nếu bạn có máy chủ riêng (chuyên dụng/vps), tôi khuyên bạn nên cài đặt Postfix

1. 2. Bạn sẽ học được gì trong Hướng dẫn này

• Thiết kế biểu mẫu liên hệ — Chúng ta sẽ sử dụng CSS để thiết kế biểu mẫu liên hệ và HTML để cấu trúc mã của chúng ta
• Xác thực biểu mẫu — Triển khai xác thực cho các thành phần riêng lẻ trong biểu mẫu của chúng tôi
• Gửi thư — Chức năng thư PHP sẽ cho phép chúng tôi gửi thư đến một địa chỉ email được chỉ định

1. 3. Cấu trúc & Thiết lập Tệp

Bây giờ chúng tôi sẽ khởi động máy chủ web của mình và tạo các tệp và thư mục mà chúng tôi sẽ sử dụng cho trang biểu mẫu liên hệ của mình

• Mở Bảng điều khiển XAMPP
• Bên cạnh mô-đun Apache, nhấp vào Bắt đầu
• Bên cạnh mô-đun MySQL, nhấp vào Bắt đầu
• Điều hướng đến thư mục cài đặt XAMPPs (C. \xampp)
• Mở thư mục htdocs
• Tạo các thư mục và tệp sau

Cấu trúc tệp

\-- Mâu liên hệ
    . -- tiếp xúc. php
    . -- Phong cách. css

Các tệp và thư mục trên sẽ chứa các mục sau

• tiếp xúc. php — Tệp này sẽ chứa mẫu biểu mẫu liên hệ của chúng tôi và mã PHP sẽ xử lý biểu mẫu
• Phong cách. css — Biểu định kiểu sẽ cấu trúc trang của chúng ta và làm cho nó trông hấp dẫn hơn

2. Thiết kế Form liên hệ bằng CSS

Biểu định kiểu sẽ cấu trúc bố cục của chúng ta và mô tả cách mỗi phần tử sẽ hiển thị trên màn hình. Nó bao gồm các phông chữ, màu sắc và kích thước của các yếu tố

chỉnh sửa phong cách. tệp css và thêm

CSS

html, body, div, input, span, a, select, textarea, option, h1, h2, h3, h4, main, aside, article, section, header, p, footer, nav, pre {
    box-sizing: border-box;
    font-family: Tahoma, Geneva, sans-serif;
}
html {
    background-color: #F8F9F9;
    padding: 30px;
}
input,textarea,p {
    outline: 0;
}
h1 {
    margin: 0;
    padding: 20px;
    font-size: 22px;
    text-align: center;
    border-bottom: 1px solid #eceff2;
    color: #6a737f;
    font-weight: 600;
}
.contact {
    background-color: #fff;
    width: 500px;
    margin: 0 auto;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
}
.contact .fields {
    position: relative;
    padding: 15px;
}
.contact input[type="text"], .contact input[type="email"] {
    display: block;
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #dfe0e0;
    width: 100%;
}
.contact input[type="text"]:focus, .contact input[type="email"]:focus {
    border: 1px solid #c6c7c7;
}
.contact input[type="text"]::placeholder, 
.contact input[type="email"]::placeholder, 
.contact textarea::placeholder {
    color: #858688;
}
.contact textarea {
    resize: none;
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #dfe0e0;
    width: 100%;
    height: 150px;
}
.contact textarea:focus {
    border: 1px solid #c6c7c7;
}
.contact input[type="submit"] {
    display: block;
    margin-top: 15px;
    padding: 15px;
    border: 0;
    background-color: #518acb;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    width: 100%;
}
.contact input[type="submit"]:hover {
    background-color: #3670b3;
}
.contact input[name="email"] {
    position: relative;
    display: block;
}
.contact label {
    position: relative;

}
.contact label i {
    position: absolute;
    color: #dfe2e5;
    top: 31px;
    left: 15px;
    z-index: 10;
}
.contact label i ~ input {
    padding-left: 45px !important;
}
.contact .responses {
    padding: 15px;
    margin: 0;
}

Đó là tất cả những gì chúng ta cần làm cho tệp biểu định kiểu. Bạn có thể tự do tùy chỉnh nó theo ý thích của bạn

3. Cấu trúc Form liên hệ với HTML

Bây giờ, chúng ta cần cấu trúc trang của mình và triển khai biểu mẫu liên hệ cũng như các thành phần của nó

Chỉnh sửa liên hệ. tập tin php và thêm

HTML

	
		
		
		
		
		
	
	
		

			
Contact Form
			

				
					
					
				
				
					
					
				
				
				
			
			
		
	

Điều đó sẽ tạo mẫu của chúng tôi và tất cả các trường chúng tôi sẽ liên kết với biểu mẫu liên hệ của mình. Như bạn có thể thấy trong phần đầu, chúng tôi đã bao gồm tệp biểu định kiểu cùng với thư viện FontAwesome, cho phép chúng tôi sử dụng các biểu tượng trong biểu mẫu của mình

Chúng tôi sẽ sử dụng yêu cầu POST để xử lý biểu mẫu và do đó, phương thức của biểu mẫu được đặt thành đăng. Vì dữ liệu biểu mẫu sẽ được xử lý trong cùng một tệp nên không cần chỉ định giá trị hành động. Thay vào đó, chúng ta có thể để trống

Biểu mẫu liên hệ bao gồm các yếu tố sau

HTML

Thao tác này sẽ tạo trường email. Chúng tôi đã khai báo thuộc tính name vì đây là thuộc tính chúng tôi sẽ sử dụng khi truy xuất dữ liệu bằng PHP, thuộc tính này có thể được truy xuất bằng $_POST['email']

HTML

Phần tử trên sẽ tạo trường tên của chúng tôi, đây sẽ là tên thật của người dùng

HTML

Phần tử trên, sẽ là trường chủ đề của chúng tôi, về cơ bản là tiêu đề của tin nhắn

HTML

Cuối cùng, chúng ta có trường thông báo. Phần tử textarea khác với các phần tử khác mà chúng ta đã khai báo vì nó sẽ cho phép người dùng viết trên nhiều dòng thay vì chỉ một dòng

Bạn có nhận thấy cách chúng tôi chỉ định thuộc tính bắt buộc trên tất cả các thành phần biểu mẫu của chúng tôi không?

Nếu chúng tôi điều hướng đến tệp mới của mình trong trình duyệt của mình, chúng tôi sẽ thấy

http. // localhost/biểu mẫu liên hệ/liên hệ. php

Đó là tất cả những gì chúng ta cần làm cho phần này. Chúng tôi đã thiết kế và cấu trúc biểu mẫu liên hệ của mình. Tiếp theo, chúng ta sẽ bắt đầu mã hóa khía cạnh PHP

4. Xử lý Form liên hệ với PHP

Cuối cùng chúng ta cũng có thể bắt đầu mã hóa biểu mẫu liên hệ của mình bằng PHP. Trong phần này, chúng tôi sẽ xác thực các trường biểu mẫu và gửi thư trực tiếp đến địa chỉ email

Chỉnh sửa liên hệ. php và thêm đoạn mã sau vào trên cùng, trước mã mẫu

PHP

Đầu tiên, chúng tôi khai báo một biến sẽ xuất ra tất cả các phản hồi trong biểu mẫu của chúng tôi, cho dù đó là phản hồi email không chính xác hay điều gì khác

Sau đó, chúng tôi kiểm tra xem biểu mẫu đã được gửi hay chưa bằng cách kiểm tra xem các biến bài đăng có tồn tại hay không, đây là chức năng mà hàm isset() sẽ thực hiện cho chúng tôi

Cuối cùng, nếu không có lỗi xác thực, mã sẽ cố gắng gửi thư đến địa chỉ email đã chỉ định. Đảm bảo cập nhật biến $to

Bây giờ chúng ta cần thêm biến phản hồi vào biểu mẫu của mình. Tìm dòng sau

HTML

thêm ở trên

PHP

', $responses); ?>

Đó là tất cả những gì chúng ta cần làm để tạo một biểu mẫu liên hệ. Nếu bạn gặp lỗi máy chủ thư, bạn sẽ cần xác minh cài đặt máy chủ thư của mình và đảm bảo rằng chúng chính xác

Phần kết luận

Xin chúc mừng. Bạn đã tạo thành công biểu mẫu liên hệ với HTML, CSS và PHP. Tiếp theo là gì?

Cân nhắc chia sẻ bài viết trên các trang web xã hội nếu bạn thấy nó hữu ích và để lại nhận xét bên dưới. Chúng tôi đánh giá rất cao sự hỗ trợ

Thưởng thức mã hóa và cảm ơn bạn đã đọc

Nếu bạn muốn hỗ trợ chúng tôi, hãy xem xét việc mua một gói bên dưới. Nó sẽ giúp chúng tôi tạo ra nhiều hướng dẫn hơn và duy trì hoạt động của máy chủ của chúng tôi. Các gói bao gồm mã cải tiến và các tính năng sáng tạo

Nâng cao

Mã nguồn

Mẫu liên hệ an toàn

Tính năng đính kèm tập tin

Tính năng mã captcha

Tích hợp MySQL

Tích hợp PHPMailer

Tính năng xác thực nâng cao

Tính năng biểu mẫu tối thiểu & nâng cao

bảng quản trị
- Bảng điều khiển
— Quản lý & Theo dõi Tin nhắn
— Cài đặt

Thiết kế đáp ứng (thân thiện với thiết bị di động)

tập tin SCSS

mã nhận xét

cập nhật miễn phí

Hỗ trợ miễn phí (lỗi và các sự cố nhỏ)

Hướng dẫn sử dụng

* Gói nâng cao cũng bao gồm nguồn hướng dẫn

$15. 00

PayPal

Vạch sọc

tiền điện tử

Để biết thêm thông tin chi tiết về gói nâng cao, bấm vào đây

về tác giả

David Adams

Nhà phát triển trang web nhiệt tình, tôi đã thiết kế và phát triển các ứng dụng web trong hơn 10 năm, tôi tận hưởng sự sáng tạo mà tôi đưa vào các dự án của mình và tận hưởng những gì người khác mang đến cho trang web tuyệt vời. Mục tiêu của tôi là giúp những người mới tìm hiểu cách sử dụng web

Làm cách nào để tạo cơ sở dữ liệu biểu mẫu liên hệ trong PHP?

Làm cách nào để tạo biểu mẫu trong PHP và MySQL?

Làm cách nào để kết nối biểu mẫu liên hệ với cơ sở dữ liệu MySQL?

Làm cách nào để kết nối biểu mẫu PHP với cơ sở dữ liệu MySQL?