Mẫu email PHP là gì?

Có, bạn có thể gửi dữ liệu biểu mẫu HTML đến địa chỉ email của mình bằng cách sử dụng PHP. Trong hướng dẫn này, tôi sẽ chỉ cho bạn Cách gửi dữ liệu biểu mẫu HTML tới email bằng hàm PHP mail( )

Ngoài ra, hướng dẫn này sẽ giải thích Cách gửi biểu mẫu HTML tới thư trực tiếp và đồng thời, email xác nhận sẽ được gửi tới khách hàng khi gửi biểu mẫu HTML. Một biểu mẫu liên hệ PHP đơn giản để gửi email có mã nguồn

Làm cách nào để biểu mẫu HTML gửi dữ liệu đến địa chỉ email?

Khi người dùng điền vào biểu mẫu liên hệ và nhấn nút gửi, nó sẽ gửi dữ liệu biểu mẫu HTML tới email bằng chức năng gửi thư PHP. Hầu hết, mọi người muốn nhận dữ liệu biểu mẫu HTML qua email sau khi gửi biểu mẫu

Làm cách nào để gửi biểu mẫu liên hệ tới email bằng PHP?

Hãy làm theo các bước sau để gửi biểu mẫu HTML trực tiếp tới một địa chỉ email

  1. Tạo biểu mẫu liên hệ bằng HTML và CSS
  2. Lưu trữ biểu mẫu HTML trên máy chủ lưu trữ web trực tiếp để viết tập lệnh PHP
  3. Mở trình chỉnh sửa Mã VS của bạn
  4. Kết nối trình chỉnh sửa Mã VS với máy chủ web trực tiếp bằng tiện ích mở rộng SFTP
  5. Thay đổi phần mở rộng tệp của bạn từ. html sang. php
  6. Viết mã PHP để gửi dữ liệu biểu mẫu HTML tới email bằng trình gửi thư PHP

Bạn có thể xem hướng dẫn từng bước trong video hướng dẫn sau để gửi email từ phía khách hàng

Video hướng dẫn – Cách nhận email từ biểu mẫu HTML bằng PHP

Cách gửi dữ liệu biểu mẫu HTML tới email bằng PHP

Bây giờ tôi sẽ cung cấp cho bạn mã nguồn HTML, CSS và PHP của biểu mẫu liên hệ. Tôi đã tạo một sendMail riêng. php để viết tập lệnh PHP. Và thêm tệp PHP này với mã HTML của biểu mẫu liên hệ bằng cách sử dụng câu lệnh bao gồm PHP


Lưu ý quan trọng. Trước hết, lưu trữ biểu mẫu liên hệ của bạn trên bất kỳ máy chủ web trực tiếp nào để thực thi mã PHP. Và thay đổi phần mở rộng tệp của bạn thành. php để chạy tập lệnh PHP


Nếu bạn không biết cách kết nối trình chỉnh sửa VS Code của mình với máy chủ web trực tiếp. Tiện ích mở rộng SFTP được sử dụng để chỉnh sửa tệp từ xa trong Visual Studio Code. Video hướng dẫn sau đây sẽ giúp bạn liên kết Visual Studio Code Editor với máy chủ lưu trữ web

Làm cách nào để sử dụng SFTP trong VSCode?

Mã phòng thu trực quan chỉnh sửa từ xa SFTP

Mã nguồn biểu mẫu liên hệ HTML

Dưới đây là mã nguồn HTML của biểu mẫu liên hệ để gửi chi tiết biểu mẫu đến địa chỉ email. Biểu mẫu liên hệ này chứa các trường dữ liệu người dùng sau

  • Tên tài khoản
  • Địa chỉ email người dùng
  • Số điện thoại của khách hàng
  • Dòng tiêu đề cho email
  • Trường thông báo nơi khách hàng có thể viết giải thích chi tiết





  
  
  
  Document
  


  

Quick Contact

Contact us today, and get reply with in 24 hours!

Mã nguồn CSS của biểu mẫu liên hệ

Sau đây là mã nguồn của CSS (Cascading Style Sheet)

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

body {
	font-family:"Open Sans", Helvetica, Arial, sans-serif;
	font-weight:300;
	font-size: 12px;
	line-height:30px;
	color:#777;
	background:rgb(3, 153, 212);
}

.container {
	max-width:400px;
	width:100%;
	margin:0 auto;
	position:relative;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
	background:#F9F9F9;
	padding:25px;
	margin:50px 0;
}

#contact h3 {
	color: blue;
	display: block;
	font-size: 30px;
	font-weight: 700;
}

#contact h4 {
	margin:5px 0 15px;
	display:block;
	color: black;
	font-size:13px;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
}

#contact button[type="submit"] {
	cursor:pointer;
	width: 100%;
	border:none;
	background:rgb(3, 153, 212);
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size:15px;
}

#contact button[type="submit"]:hover {
	background:#09C;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}

.success{
	color: green;
	font-weight: 700;
	padding: 5px;
	text-align: center;
}
.failed{
	color: red;
	font-weight: 700;
	padding: 5px;
	text-align: center;
}

Mã nguồn PHP – Làm cách nào để gửi biểu mẫu HTML tới thư trực tiếp?

Sau đây là Mã nguồn PHP để nhận email từ biểu mẫu HTML bằng PHP và gửi biểu mẫu HTML tới thư trực tiếp

[email protected]";  //My email address
 //getting customer data
 $name = $_POST['name']; //getting customer name
 $fromEmail = $_POST['email']; //getting customer email
 $phone = $_POST['tel']; //getting customer Phome number
 $subject = $_POST['subject']; //getting subject line from client
 $subject2 = "Confirmation: Message was submitted successfully | HMA WebDesign"; // For customer confirmation

 //Email body I will receive
 $message = "Cleint Name: " . $name . "\n"
 . "Phone Number: " . $phone . "\n\n"
 . "Client Message: " . "\n" . $_POST['message'];

 //Message for client confirmation
 $message2 = "Dear" . $name . "\n"
 . "Thank you for contacting us. We will get back to you shortly!" . "\n\n"
 . "You submitted the following message: " . "\n" . $_POST['message'] . "\n\n"
 . "Regards," . "\n" . "- HMA WebDesign";

 //Email headers
 $headers = "From: " . $fromEmail; // Client email, I will receive
 $headers2 = "From: " . $mailto; // This will receive client

 //PHP mailer function

  $result1 = mail($mailto, $subject, $message, $headers); // This email sent to My address
  $result2 = mail($fromEmail, $subject2, $message2, $headers2); //This confirmation email to client

  //Checking if Mails sent successfully

  if ($result1 && $result2) {
    $success = "Your Message was sent Successfully!";
  } else {
    $failed = "Sorry! Message was not sent, Try again Later.";
  }

}

?>

Từ cuối cùng

Hướng dẫn giải thích cách gửi email từ phía máy khách bằng chức năng gửi thư PHP. Nếu bạn cảm thấy khó hiểu bài viết này, bạn có thể hỏi trong phần bình luận bên dưới. Đề xuất và truy vấn của bạn luôn được chào đón. Nếu thấy hữu ích đừng quên SUBSCRIBE kênh YouTube của mình nhé

Nhấn nút Đăng ký để nhận video mới hàng ngày

Lan tỏa yêu thương, Chia sẻ bài viết này

Thẻ quan trọng

  • Thiết kế/Nhà phát triển
  • CSS
  • JavaScript
  • PHP
  • Mã VS
  • Tìm hiểu thêm

Đề xuất cho bạn

Mẫu email PHP là gì?

25 trang web tốt nhất để luôn cập nhật cho các nhà phát triển web vào năm 2023

Mẫu email PHP là gì?

Trình chỉnh sửa PHP, HTML, CSS, JavaScript/TypeScript miễn phí – CodeLobster IDE

Mẫu email PHP là gì?

10 Dự án HTML CSS dễ dàng cho người mới bắt đầu với mã nguồn năm 2023

Mẫu email PHP là gì?

Cách giữ sức khỏe tinh thần tốt với tư cách là một nhà thiết kế web 2023

Trang 1 Trang 2 Trang3

6 phản hồi

  1. Mẫu email PHP là gì?
    Mohamed nói.

    7 tháng 10, 2021 lúc 10. 12 giờ đêm

    Này, tôi muốn giống như bạn để tạo trang web nhưng tôi cần một chút trợ giúp

    Hồi đáp

  2. Mẫu email PHP là gì?
    Pratap nói.

    Tháng Mười Một 6, 2021 tại 7. 18 giờ sáng

    Bạn có thể gửi liên hệ với chúng tôi dữ liệu thiết lập biểu mẫu

    Hồi đáp

    1. Mẫu email PHP là gì?
      Thiết kế web HMA nói.

      28 tháng 12, 2021 tại 6. 06 giờ sáng

      Nó sẽ hoạt động như nhau

      Hồi đáp

  3. Mẫu email PHP là gì?
    Clare Boben nói.

    17 Tháng Ba, 2022 tại 6. 58 giờ sáng

    tuyệt quá. bài báo hay. cảm ơn

    Hồi đáp

  4. Mẫu email PHP là gì?
    Krystle nói.

    Tháng Mười Hai 15, 2022 tại 7. 29 giờ sáng

    Việc tìm hiểu bất kỳ chủ đề nào trên mạng cũng rất đơn giản so với sách giáo khoa, vì tôi đã tìm thấy bài đăng này
    tại trang web này.

    Hồi đáp

  5. Mẫu email PHP là gì?
    Iman nói.

    21 Tháng mười hai, 2022 tại 8. 36 giờ sáng

    làm cách nào để gửi dữ liệu biểu mẫu html tới email trong khi tôi đang chạy dự án của mình cục bộ từ xampp. Hãy giúp tôi

    Email trong PHP là gì?

    Hàm PHP mail() dùng để gửi email bằng PHP . Bạn có thể gửi tin nhắn văn bản, tin nhắn html và tệp đính kèm với tin nhắn bằng hàm PHP mail().

    Biểu mẫu PHP là gì?

    Biểu mẫu được dùng để lấy thông tin đầu vào từ người dùng và gửi thông tin đó đến máy chủ web để xử lý . Sơ đồ dưới đây minh họa quá trình xử lý biểu mẫu. Biểu mẫu là một thẻ HTML chứa các mục giao diện người dùng đồ họa như hộp nhập liệu, hộp kiểm nút radio, v.v.

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

    Cách tạo biểu mẫu email bằng PHP .
    Tạo biểu mẫu web. .
    Tạo tập lệnh biểu mẫu. .
    Lọc dữ liệu do người dùng gửi. .
    Gửi email phản hồi. .
    Cảm ơn người dùng đã phản hồi. .
    kịch bản cuối cùng

    Biểu mẫu PHP hoạt động như thế nào?

    Mẫu bài viết PHP . Dữ liệu được chuyển qua yêu cầu đăng không hiển thị trên trình duyệt URL nên nó được bảo mật. Bạn có thể gửi một lượng lớn dữ liệu thông qua yêu cầu đăng bài. Post request is widely used to submit form that have large amount of data such as file upload, image upload, login form, registration form etc. The data passed through post request is not visible on the URL browser so it is secured. You can send large amount of data through post request.