HTML gửi biểu mẫu đến máy chủ

Yêu cầu của bạn rất đơn giản; . Tuy nhiên, có được quyền này không phải là rất dễ dàng như nó có vẻ. Bài viết này cố gắng làm sáng tỏ những hiểu lầm mà một số người từng mắc phải về các biểu mẫu email

Làm cách nào để gửi email trực tiếp từ biểu mẫu HTML của bạn?

Sẽ là một tính năng hay đối với nhà phát triển web nếu trình duyệt cho phép họ định tuyến biểu mẫu gửi trực tiếp đến địa chỉ email. Nhưng đây không phải là trường hợp. Lý do là nếu trình duyệt cho phép gửi email trực tiếp từ trang biểu mẫu, điều đó sẽ tiết lộ địa chỉ email của khách truy cập. Một tin tặc độc hại có thể thu thập địa chỉ email của khách truy cập vào trang web và sau đó gửi thư rác cho họ. Để bảo vệ người dùng web, không có ngôn ngữ phía máy khách nào có thể gửi email mà không có sự can thiệp của người dùng

Có Mã HTML để gửi email từ một lần gửi biểu mẫu không?

Không có tính năng nào trong HTML để gửi biểu mẫu gửi trực tiếp đến địa chỉ email. Còn “mailto” thì sao? . Bạn có thể đặt trường hành động của biểu mẫu là 'mailto'. Trong trường hợp này, trình duyệt web gọi ứng dụng email để gửi biểu mẫu gửi đến địa chỉ email được chỉ định

<form action="mailto:[email protected]">

Tuy nhiên, phương pháp này không tương thích trên các trình duyệt. Nó cũng không thân thiện với người dùng; . Để biết thêm chi tiết về phương pháp này, xem. mẫu email sử dụng mailto

JavaScript có thể gửi biểu mẫu đến một địa chỉ email không?

Không. JavaScript cũng không thể gửi email. Nếu JavaScript phía máy khách cho phép gửi email theo chương trình, những kẻ gửi thư rác sẽ là người đầu tiên khai thác nó và bạn sẽ ghét trình duyệt web của mình

Vì vậy, Làm cách nào để nhận email từ biểu mẫu HTML?

Trước khi đi vào giải pháp, tôi sẽ đưa bạn qua cấu trúc chung của một biểu mẫu web. Một biểu mẫu web có hai phần. giao diện người dùng của biểu mẫu mà bạn thấy trong trình duyệt của mình và tập lệnh back-end chạy trên máy chủ web

Trình duyệt web của bạn hiển thị Biểu mẫu bằng mã giao diện người dùng HTML. Khi bạn gửi biểu mẫu, trình duyệt sẽ gửi thông tin bạn đã gửi trong biểu mẫu tới back-end

Liên kết đến tập lệnh back-end được đề cập trong thuộc tính 'hành động' của thẻ biểu mẫu HTML

<form action="http://yourwebsite.com/yourform-processor.php">

Trình duyệt chọn liên kết (URL) được đề cập trong thuộc tính hành động và gửi dữ liệu gửi biểu mẫu tới URL đó. Máy chủ web chuyển dữ liệu gửi biểu mẫu tới tập lệnh trong URL hành động (bộ xử lý biểu mẫu của bạn. php trong ví dụ. ) Giờ đây, tập lệnh back-end có thể gửi email, lưu biểu mẫu gửi vào cơ sở dữ liệu hoặc thậm chí hướng người dùng đến trang thanh toán

Làm cách nào để tạo Script back-end?

Có một số ngôn ngữ kịch bản được tạo cho lập trình back-end. PHP là một trong những nền tảng tập lệnh phổ biến và được hỗ trợ rộng rãi (Các nền tảng khác bao gồm Perl, Ruby, ASP- chỉ dành cho windows- v.v.) Hầu như tất cả các dịch vụ lưu trữ đều hỗ trợ PHP trên máy chủ web của họ

Làm việc với một tập lệnh PHP đơn giản

Tập lệnh PHP chạy trên máy chủ web của bạn. Khi một biểu mẫu được gửi, tập lệnh thư biểu mẫu sẽ thu thập dữ liệu được gửi trong biểu mẫu, soạn email và gửi email đến địa chỉ được định cấu hình

The form is defined within the

php

if(empty($_POST['submit']))
{
	echo "Form is not submitted!";
	exit;
}
if(empty($_POST["fullname"]) ||
	empty($_POST["email"]))
	{
		echo "Please fill the form";
		exit;
	}
	
$name = $_POST["fullname"];
$email = $_POST["email"];

mail( '[email protected]' , 'New form submission' , 
"New form submission: Name: $name, Email:$email"  );

header('Location: thank-you.html');

?>