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
- Tạo biểu mẫu liên hệ bằng HTML và CSS
- 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
- Mở trình chỉnh sửa Mã VS của bạn
- 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
- Thay đổi phần mở rộng tệp của bạn từ. html sang. php
- 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 PHPBâ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 SFTPMã 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
DocumentQuick Contact
Contact us today, and get reply with in 24 hours!
Submit Now
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[//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
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
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
Trình chỉnh sửa PHP, HTML, CSS, JavaScript/TypeScript miễn phí – CodeLobster IDE
10 Dự án HTML CSS dễ dàng cho người mới bắt đầu với mã nguồn năm 2023
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
6 phản hồ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
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
- 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
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
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
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