Hướng dẫn how does a php contact form work? - biểu mẫu liên hệ php hoạt động như thế nào?

Bất kể bạn sở hữu hoặc quản lý loại trang web nào, bạn có thể cần một biểu mẫu liên hệ. Biểu mẫu liên hệ có thể giúp khách truy cập của bạn yêu cầu báo giá, yêu cầu thông tin hoặc chia sẻ bất kỳ mẹo hoặc vấn đề nào họ đang gặp phải khi sử dụng trang web của bạn.

Trong hướng dẫn này, trọng tâm của chúng tôi sẽ là tạo một hình thức liên hệ đầy đủ chức năng trong PHP từ đầu đến cuối. Chúng ta sẽ bắt đầu với sự đánh dấu của tất cả các trường mà chúng ta cần thêm và kiểu dáng cơ bản của mẫu liên hệ. Sau đó, chúng tôi sẽ chuyển sang mã PHP để thực hiện chức năng của nó.

Tất nhiên, cách dễ nhất để tạo biểu mẫu liên hệ là & NBSP; Tải xuống một tập lệnh biểu mẫu liên hệ chuyên nghiệp từ Codecanyon.

Nhưng nếu bạn muốn tìm hiểu về cách tạo một biểu mẫu liên hệ, hãy đọc tiếp! Nó có thể dễ dàng hơn bạn nghĩ.

Đánh dấu mẫu liên hệ HTML của chúng tôi

Bước đầu tiên để tạo biểu mẫu liên hệ của riêng chúng tôi là mã hóa đánh dấu. Chúng tôi sẽ bắt đầu làm điều đó một khi chúng tôi có một danh sách tất cả các yếu tố mà chúng tôi muốn trong hình thức của chúng tôi. Chúng tôi sẽ cần một trường đầu vào cho tên của người đang liên hệ với chúng tôi và chúng tôi sẽ cần một trường cho địa chỉ email của họ để chúng tôi có thể trả lời họ nếu có nhu cầu. Chúng tôi cũng sẽ cần một trường đầu vào vì lý do mọi người liên hệ với bạn và ____ 3 & nbsp; nơi người dùng có thể nhập tin nhắn của họ.

Nếu trang web bạn quản lý rất phổ biến, bạn sẽ nhận được rất nhiều email thông qua mẫu liên hệ. Để đảm bảo rằng những người phù hợp có thể đọc các email đó và trả lời nhanh chóng, bạn cần thêm một vài lĩnh vực. Chẳng hạn, bạn có thể thêm một lĩnh vực có thể xác định bộ phận mà khách truy cập muốn liên hệ, như tiếp thị, hỗ trợ hoặc thanh toán. Thông tin này sau này có thể được sử dụng để định tuyến email một cách thích hợp. Cuối cùng, điều đó có thể giúp bạn trả lời nhanh hơn và sắp xếp email hiệu quả hơn.

Có bao nhiêu trường bạn thêm vào mẫu liên hệ phụ thuộc vào loại trang web bạn chạy, nhưng hãy chắc chắn rằng bạn không lạm dụng nó. Buộc khách truy cập điền vào quá nhiều chi tiết có thể không khuyến khích họ liên lạc với bạn hoàn toàn.

Hãy viết mã HTML để thêm tất cả các trường tôi vừa đề cập vào mẫu liên hệ của chúng tôi.

Trước khi tiến hành thêm nữa, tôi muốn nhanh chóng tóm tắt ý nghĩa của một số thuộc tính quan trọng trong đánh dấu trên. Thuộc tính ____ 4 & nbsp; trong biểu mẫu xác định nơi dữ liệu biểu mẫu cần được gửi. Nếu bạn không có & nbsp; ________ 4 & nbsp; thuộc tính, dữ liệu sẽ được gửi lại cho cùng một URL. Ở đây chúng tôi đã sử dụng & nbsp; contact.php, vì vậy dữ liệu biểu mẫu sẽ được gửi đến tập lệnh đó.contact.php, so the form data will be sent to that script.

Thuộc tính & nbsp; ____ ____ 6 & nbsp; cho các phần tử đầu vào khác nhau trong biểu mẫu được sử dụng để truy cập các giá trị phần tử ở phía máy chủ. Ví dụ: trong mẫu trên, bạn có thể nhận tên của khách truy cập liên hệ với bạn bằng cách sử dụng & nbsp; ____ 7 & nbsp; in & nbsp; contact.php.contact.php.

Chúng tôi sử dụng thuộc tính & nbsp; ____ 8 & nbsp; để cung cấp cho người dùng một ý tưởng cơ bản về đầu vào dự kiến ​​cho mỗi trường trong biểu mẫu. Thuộc tính & nbsp;

Thuộc tính & nbsp; ____ 10 & nbsp; được sử dụng để thực thi một số quy tắc về các loại giá trị có thể đi trong các trường nhất định. Trong trường hợp của chúng tôi, chúng tôi chỉ cho phép người dùng sử dụng các chữ cái và ký tự không gian trong các tên họ gửi. Chúng tôi cũng giới hạn tổng số ký tự được chấp nhận ở bất cứ điều gì từ 3 đến 20 bao gồm. Mẫu mà bạn sử dụng sẽ phụ thuộc vào loại đầu vào mà bạn muốn từ người dùng.

Bản demo codepen sau đây cho chúng ta thấy mẫu liên lạc đơn giản của chúng ta Php trông như thế nào với đánh dấu ở trên và một chút CSS.

Làm chức năng hình thức liên hệ HTML của chúng tôi bằng cách sử dụng PHP

Ngay bây giờ, mẫu liên hệ PHP của chúng tôi không làm gì hữu ích. Khách truy cập có thể điền vào và nhấn nút Gửi tin nhắn, nhưng chúng tôi sẽ không nhận được bất cứ điều gì vì không có mã phía máy chủ để xử lý thông tin được cung cấp bởi biểu mẫu. Trong phần này, chúng tôi sẽ làm chức năng hình thức liên hệ tùy chỉnh của chúng tôi bằng PHP.

Bắt đầu bằng cách tạo tệp & nbsp; contact.php & nbsp; và đặt mã sau bên trong nó.contact.php file and putting the following code inside it.

";
     
    if(isset($_POST['visitor_name'])) {
        $visitor_name = filter_var($_POST['visitor_name'], FILTER_SANITIZE_STRING);
        $email_body .= "
 ".$visitor_name."
"; } if(isset($_POST['visitor_email'])) { $visitor_email = str_replace(array("\r", "\n", "%0a", "%0d"), '', $_POST['visitor_email']); $visitor_email = filter_var($visitor_email, FILTER_VALIDATE_EMAIL); $email_body .= "
 ".$visitor_email."
"; } if(isset($_POST['email_title'])) { $email_title = filter_var($_POST['email_title'], FILTER_SANITIZE_STRING); $email_body .= "
 ".$email_title."
"; } if(isset($_POST['concerned_department'])) { $concerned_department = filter_var($_POST['concerned_department'], FILTER_SANITIZE_STRING); $email_body .= "
 ".$concerned_department."
"; } if(isset($_POST['visitor_message'])) { $visitor_message = htmlspecialchars($_POST['visitor_message']); $email_body .= "
".$visitor_message."
"; } if($concerned_department == "billing") { $recipient = ""; } else if($concerned_department == "marketing") { $recipient = ""; } else if($concerned_department == "technical support") { $recipient = ""; } else { $recipient = ""; } $email_body .= "
"; $headers = 'MIME-Version: 1.0' . "\r\n" .'Content-type: text/html; charset=utf-8' . "\r\n" .'From: ' . $visitor_email . "\r\n"; if(mail($recipient, $email_title, $email_body, $headers)) { echo "

Thank you for contacting us, $visitor_name. You will get a reply within 24 hours.

"; } else { echo '

We are sorry but the email did not go through.

'; } } else { echo '

Something went wrong

'; } ?>

Chúng tôi đã thực hiện một số xác thực phía máy khách của đầu vào người dùng. Tuy nhiên, cũng luôn an toàn hơn khi thực hiện xác thực phía máy chủ. Chúng tôi sử dụng chức năng & nbsp; ____ 11 & nbsp; để vệ sinh tên được cung cấp bởi người dùng. Theo cách tương tự, chúng tôi cũng vệ sinh giá trị của & nbsp; ________ 12 & nbsp; và & nbsp; ________ 13. Bạn có thể & nbsp; sử dụng & nbsp; ________ 11function để xác nhận hoặc vệ sinh & nbsp; tất cả các loại đầu vào của người dùng. Chúng tôi cũng & nbsp; sử dụng chức năng & nbsp;

Giá trị của & nbsp; ________ 16 & nbsp; dựa trên giá trị của biến & nbsp; ________ 13. Bằng cách này, chúng tôi đảm bảo rằng chỉ những người thực sự được cho là xem xét vấn đề mới nhận được email.

Ngoài ra, chúng tôi đã sử dụng & nbsp; .

Cuối cùng, chúng tôi & nbsp; sử dụng chức năng & nbsp; ____ 19 & nbsp; để gửi một email bao gồm thông tin mà khách truy cập muốn chúng tôi biết. Khi gửi email thành công, chúng tôi cho khách truy cập biết rằng chúng tôi đã nhận được email của họ và họ sẽ sớm được liên hệ.

Bảo mật là tối quan trọng khi bạn xử lý dữ liệu người dùng hoặc đầu vào. Việc bạn nên xác nhận hoặc vệ sinh đầu vào của người dùng phụ thuộc vào đầu vào là gì và bạn muốn sử dụng nó như thế nào.

Xác thực chỉ cần kiểm tra xem đầu vào của người dùng có tuân theo một bộ quy tắc nhất định không. Ví dụ, xác thực có thể kiểm tra xem tên của một người không chứa bất kỳ số nào.

Vệ sinh được sử dụng để loại bỏ bất kỳ nhân vật xúc phạm nào gây ra rủi ro bảo mật. Ví dụ: một người dùng độc hại đang cố gắng liên hệ với bạn thông qua biểu mẫu có thể thêm A & nbsp; ____ ____ 20 & nbsp; thẻ trong & nbsp; ________ 3 & nbsp; để bạn tải xuống một tập lệnh có hại. Điều này đặc biệt đáng lo ngại khi trang web của bạn có các diễn đàn công cộng có thể truy cập bởi mọi người.

Tuy nhiên, bạn phải rất cẩn thận khi loại bỏ các ký tự không mong muốn trong đầu vào của người dùng. Ví dụ: bạn có thể quyết định sử dụng & nbsp; ________ 22 & nbsp; trên một số đầu vào cho & nbsp; dải tất cả các thẻ và mã hóa các ký tự đặc biệt. Tuy nhiên, cờ này cũng tước đầu vào ký tự vô hại của người dùng hợp pháp. Đây là một ví dụ:

If your website has a lot of maths-related topics, it will be relatively common for users to write < or > in contact forms or forum posts. Using the 

3 flag with the 
";
     
    if(isset($_POST['visitor_name'])) {
        $visitor_name = filter_var($_POST['visitor_name'], FILTER_SANITIZE_STRING);
        $email_body .= "
 ".$visitor_name."
"; } if(isset($_POST['visitor_email'])) { $visitor_email = str_replace(array("\r", "\n", "%0a", "%0d"), '', $_POST['visitor_email']); $visitor_email = filter_var($visitor_email, FILTER_VALIDATE_EMAIL); $email_body .= "
 ".$visitor_email."
"; } if(isset($_POST['email_title'])) { $email_title = filter_var($_POST['email_title'], FILTER_SANITIZE_STRING); $email_body .= "
 ".$email_title."
"; } if(isset($_POST['concerned_department'])) { $concerned_department = filter_var($_POST['concerned_department'], FILTER_SANITIZE_STRING); $email_body .= "
 ".$concerned_department."
"; } if(isset($_POST['visitor_message'])) { $visitor_message = htmlspecialchars($_POST['visitor_message']); $email_body .= "
".$visitor_message."
"; } if($concerned_department == "billing") { $recipient = ""; } else if($concerned_department == "marketing") { $recipient = ""; } else if($concerned_department == "technical support") { $recipient = ""; } else { $recipient = ""; } $email_body .= ""; $headers = 'MIME-Version: 1.0' . "\r\n" .'Content-type: text/html; charset=utf-8' . "\r\n" .'From: ' . $visitor_email . "\r\n"; if(mail($recipient, $email_title, $email_body, $headers)) { echo "

Thank you for contacting us, $visitor_name. You will get a reply within 24 hours.

"; } else { echo '

We are sorry but the email did not go through.

'; } } else { echo '

Something went wrong

'; } ?>
1 function will strip necessary information from the message in this case.

Điểm tôi đang cố gắng thực hiện là mặc dù bạn nên luôn luôn xác nhận hoặc vệ sinh dữ liệu người dùng, hãy đảm bảo rằng bạn sẽ không loại bỏ thông tin quan trọng trong quy trình.

Biểu mẫu liên hệ đơn giản Các tập lệnh PHP từ Codecanyon

Hướng dẫn trên có giá trị trải qua như học cách tạo mẫu liên hệ PHP đơn giản là một kỹ năng hữu ích. Nhưng nếu bạn bị khủng hoảng thời gian hoặc chỉ muốn khám phá các tùy chọn của mình, hãy xem các mẫu PHP mẫu liên hệ tùy chỉnh này. Chúng chất lượng chuyên nghiệp và được giới thiệu trên Codecanyon:

1. Quform: Mẫu liên hệ Ajax đáp ứng

Qufor là một ví dụ mẫu liên hệ email PHP đơn giản và đáp ứng. Mẫu này rất dễ sử dụng và hoạt động trên một số kích thước màn hình thiết bị. Đó là kiểu dáng đẹp và hoạt động mà không cần tải lại. Đó là một bước tiết kiệm thời gian của người dùng của bạn, giúp họ dễ dàng điền vào biểu mẫu của bạn. Kiểm tra phần còn lại của các tính năng Qufor trên trang vật phẩm.

Hướng dẫn how does a php contact form work? - biểu mẫu liên hệ php hoạt động như thế nào?
Hướng dẫn how does a php contact form work? - biểu mẫu liên hệ php hoạt động như thế nào?
Hướng dẫn how does a php contact form work? - biểu mẫu liên hệ php hoạt động như thế nào?

2. Trình tạo mẫu PHP

Bạn đang muốn tạo một biểu mẫu liên hệ web trong PHP? Sau đó, nó không dễ dàng hơn nhiều so với Builder Form Form. Việc tải xuống bao gồm một trình tạo biểu mẫu kéo và thả, giúp quá trình tạo biểu mẫu dễ dàng hơn bao giờ hết. Nó hoàn hảo cho người mới bắt đầu PHP và các lập trình viên và nhà phát triển web có kinh nghiệm. Danh sách các biểu mẫu bạn có thể thực hiện với bản tải xuống duy nhất này là dài, làm cho đây là một cửa hàng cho tất cả các nhu cầu của bạn.

Hướng dẫn how does a php contact form work? - biểu mẫu liên hệ php hoạt động như thế nào?
Hướng dẫn how does a php contact form work? - biểu mẫu liên hệ php hoạt động như thế nào?
Hướng dẫn how does a php contact form work? - biểu mẫu liên hệ php hoạt động như thế nào?

3. Hình thức dễ dàng: Trình tạo và quản lý biểu mẫu nâng cao

Tất nhiên, các hình thức dễ dàng đối thủ khác các mẫu PHP tiếp xúc đơn giản khác trong độ đơn giản của nó. Nó cũng có một người xây dựng hình thức kéo và thả với giao diện người dùng hiện đại. Đó là loại cho người mới bắt đầu cũng như các chuyên gia trong một thời gian khủng hoảng. Bạn có thể tạo một biểu mẫu trong PHP và xuất bản nó ở bất cứ đâu, bao gồm WordPress, Drupal hoặc trên các trang web HTML tĩnh.

Hướng dẫn how does a php contact form work? - biểu mẫu liên hệ php hoạt động như thế nào?
Hướng dẫn how does a php contact form work? - biểu mẫu liên hệ php hoạt động như thế nào?
Hướng dẫn how does a php contact form work? - biểu mẫu liên hệ php hoạt động như thế nào?

Tìm thêm các mẫu PHP tiết kiệm thời gian

Nếu bạn quan tâm đến các tập lệnh biểu mẫu PHP chất lượng chuyên nghiệp mà bạn có thể bắt đầu sử dụng trên trang web của mình ngay hôm nay, hãy xem một số bài đăng khác của chúng tôi. Bạn sẽ tìm thấy các tùy chọn hữu ích hơn nữa mà bạn có thể tùy chỉnh nhanh chóng để tiết kiệm thời gian quý báu của bạn:

Tìm hiểu thêm về PHP và mã hóa với Tuts Envato+

Mã hóa là một chủ đề sâu sắc cần rất nhiều thời gian để làm chủ. Nếu bạn không có tài nguyên phù hợp, thật dễ dàng để thất vọng và bỏ cuộc. Đó là lý do tại sao Envato Tuts+ có các khóa học mã hóa tuyệt vời, hướng dẫn và hướng dẫn được dẫn dắt bởi các giảng viên có kinh nghiệm.

Bạn muốn đi sâu hơn vào PHP? Sau đó, hãy xem các hướng dẫn này về ngôn ngữ kịch bản:

Suy nghĩ cuối cùng

Tạo một hình thức liên hệ cơ bản trong PHP khá đơn giản. Bạn bắt đầu bằng cách viết HTML cần thiết để tạo các yếu tố đầu vào để biết thông tin như tên người dùng, địa chỉ email, số điện thoại, v.v ... Bước tiếp theo là viết CSS để đảm bảo biểu mẫu liên hệ kết hợp hoàn hảo với phần còn lại của trang web. Bước cuối cùng liên quan đến việc viết mã PHP sẽ lấy thông tin từ mẫu liên hệ và gửi thư an toàn cho bạn.

Mục đích là để đảm bảo rằng các yếu tố hình thức khác nhau được đặt ra theo cách không gây nhầm lẫn cho mọi người và đầu vào của người dùng được vệ sinh và xác thực trước khi bạn gửi thư cho các bên liên quan. Nếu tất cả điều này là mới đối với bạn hoặc nếu bạn không muốn dành nhiều thời gian để tạo ra một biểu mẫu liên hệ trông chuyên nghiệp, bạn chắc chắn nên kiểm tra các tập lệnh PHP liên hệ được xếp hạng hàng đầu này.

Nếu bạn có bất kỳ câu hỏi, vui lòng liên hệ với chúng tôi trên Twitter. Hướng dẫn tiếp theo của tôi sẽ chỉ cho bạn cách thực hiện CAPTCHA của riêng bạn để giúp giữ thư rác mẫu liên hệ trong kiểm tra. & NBSP;

Bạn có thấy bài đăng này hữu ích?

Hướng dẫn how does a php contact form work? - biểu mẫu liên hệ php hoạt động như thế nào?

Freelancer, người hướng dẫn

Tôi là một nhà phát triển đầy đủ, người cũng thích viết các hướng dẫn. Sau khi thử một loạt những điều cho đến năm thứ hai của đại học, tôi quyết định làm việc về các kỹ năng phát triển web của mình. Bắt đầu chỉ với HTML và CSS, tôi tiếp tục tiến về phía trước và có được kinh nghiệm trong PHP, JavaScript và Python. Tôi thường dành thời gian rảnh của mình hoặc làm việc cho một số dự án phụ hoặc đi du lịch xung quanh.

Làm cách nào để mã hóa một biểu mẫu liên hệ trong PHP?

Cách tạo biểu mẫu liên hệ PHP với xác thực MySQL & HTML5..
Prerequisites..
Tạo biểu mẫu liên hệ HTML ..
Định cấu hình cơ sở dữ liệu MySQL ..
Tạo tập lệnh biểu mẫu liên hệ PHP ..
Phương pháp thư ..
Hình thức captcha ..
Mẫu liên hệ PHP với CAPTCHA. Liên hệ Mẫu xác thực Captcha. Captcha làm mới ..
Hình ảnh php captcha ..

Làm thế nào để các trang web biểu mẫu liên hệ hoạt động?

Hình thức liên hệ hoạt động như thế nào? Một biểu mẫu liên hệ là một biểu mẫu dựa trên web ngắn được xuất bản trên một trang web. Bất kỳ khách truy cập nào cũng có thể điền vào biểu mẫu và gửi nó để gửi tin nhắn cho chủ sở hữu trang web. Đằng sau hậu trường, biểu mẫu liên hệ của bạn kích hoạt một tin nhắn email được tạo và gửi đến hộp thư đến email của bạn.Any visitor can fill out the form and submit it to send a message to the site owner. Behind the scenes, your contact form triggers an email message to be generated and sent to your email inbox.

Làm thế nào các hình thức được hình thành trong PHP giải thích với ví dụ?

Chúng ta có thể tạo và sử dụng các biểu mẫu trong PHP.Để nhận dữ liệu biểu mẫu, chúng tôi cần sử dụng Superglobals PHP $ _GET và $ _POST.Yêu cầu biểu mẫu có thể được nhận hoặc đăng.Để truy xuất dữ liệu từ Get yêu cầu, chúng tôi cần sử dụng $ _GET, cho yêu cầu POST $ _POST.To get form data, we need to use PHP superglobals $_GET and $_POST. The form request may be get or post. To retrieve data from get request, we need to use $_GET, for post request $_POST.

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

Cách tạo biểu mẫu liên hệ bằng PHP MySQL..
Cơ sở dữ liệu 1 tạo.Mở phpmyadmin trong trình duyệt của bạn.....
Hoặc nhập tệp db.....
2- Tạo kết nối cơ sở dữ liệu.....
3 - Tạo biểu mẫu liên hệ bằng HTML.....
4 - Kiểu hình mẫu liên hệ bằng CSS.....
5 - Chèn dữ liệu vào cơ sở dữ liệu bằng PHP.....
6 - Hiển thị dữ liệu được chèn trên trang ..