Xin chào các Pro diễn đàn IT,
Mình trước đây học bên QTKD nhưng có đam mê lập web, hiện tại mình có lập được một trang web đơn sơ quảng bá về khu du lịch của quê mình bằng HTML, CSS và JS (chuacothach.vn). Nhưng khi đến đoạn mà mình muốn gởi thông tin đặt phòng của khách đến email bằng PHP mailer kết hợp với việc khách hàng nhập thông tin đăng ký thì mình lại tìm không ra, rất mong các Pro giúp mình để trang web được hoàn thiện hơn. Mình đang sử dụng dịch vụ của bên thứ ba là formspree.io để họ forward thông tin đăng ký về mail. Giờ mình muốn sử dụng code PHP mailer kết hợp với html được không ạ. Mình có viết code như bên dưới, rất mong các Pro giúp đỡ...
<form id="fs-frm" name="dat-quang-cao" accept-charset="utf-8" action="https://formspree.io/f/xqkozlyv" method="post" enctype="multipart/form-data">
<fieldset id="fs-frm-inputs">
<label for="full-name"><font color="red">*</font> Họ và tên:</label>
<input type="text" name="Tên người gởi" id="full-name" placeholder="Thông tin bắt buộc" required="required">
<label for="gioi-tinh">Giới tính:</label>
<label><input type="radio" name="Giới tính" value="Nam" placeholder="Nam" style="width:20px;">Nam <div style="width:4vw;"></div>
<input type="radio" name="Giới tính" value="Nữ" placeholder="Nữ" class="gioi-tinh" style="width:20px;">Nữ <div style="width:4vw;"></div>
<input type="radio" name="Giới tính" value="Khác" placeholder="Khác" class="gioi-tinh" style="width:20px;">Khác</label>
<label for="email-address">Địa chỉ email:</label>
<input type="email" name="Mail người gởi" id="email-address" placeholder="email@tên miền.com,...">
<label for="telephone"><font color="red">*</font>Số điện thoại di động:</label>
<input type="telephone" name="Số điện thoại di động" pattern="[0-9]
" id="telephone" placeholder="Thông tin bắt buộc" required="required">
<label type="province" name="Tỉnh - Thành Phô"><font color="red">*</font>Quý khách đến từ:</label>
<select name="Đến từ" class="form-select form-select-sm mb-3" id="city" aria-label=".form-select-sm">
<option value="" selected>Chọn tỉnh thành</option>
<option value="An Giang">An Giang
<option value="Bà Rịa - Vũng Tàu">Bà Rịa - Vũng Tàu
<option value="Bắc Giang">Bắc Giang
<option value="Bắc Kạn">Bắc Kạn
<option value="Bạc Liêu">Bạc Liêu
<option value="Bắc Ninh">Bắc Ninh
<option value="Bến Tre">Bến Tre
<option value="Bình Định">Bình Định
<option value="Bình Dương">Bình Dương
<option value="Bình Phước">Bình Phước
<option value="Bình Thuận">Bình Thuận
<option value="Cà Mau">Cà Mau
<option value="Cao Bằng">Cao Bằng
<option value="Đắk Lắk">Đắk Lắk
<option value="Đắk Nông">Đắk Nông
<option value="Điện Biên">Điện Biên
<option value="Đồng Nai">Đồng Nai
<option value="Đồng Tháp">Đồng Tháp
<option value="Gia Lai">Gia Lai
<option value="Hà Giang">Hà Giang
<option value="Hà Nam">Hà Nam
<option value="Hà Tĩnh">Hà Tĩnh
<option value="Hải Dương">Hải Dương
<option value="Hậu Giang">Hậu Giang
<option value="Hòa Bình">Hòa Bình
<option value="Hưng Yên">Hưng Yên
<option value="Khánh Hòa">Khánh Hòa
<option value="Kiên Giang">Kiên Giang
<option value="Kon Tum">Kon Tum
<option value="Lai Châu">Lai Châu
<option value="Lạng Sơn">Lạng Sơn
<option value="Lào Cai">Lào Cai
<option value="Lâm Đồng">Lâm Đồng
<option value="Long An">Long An
<option value="Nam Định">Nam Định
<option value="Nghệ An">Nghệ An
<option value="Ninh Bình">Ninh Bình
<option value="Ninh Thuận">Ninh Thuận
<option value="Phú Thọ">Phú Thọ
<option value="Phú Yên">Phú Yên
<option value="Quảng Bình">Quảng Bình
<option value="Quảng Nam">Quảng Nam
<option value="Quảng Ngãi">Quảng Ngãi
<option value="Quảng Ninh">Quảng Ninh
<option value="Quảng Trị">Quảng Trị
<option value="Sóc Trăng">Sóc Trăng
<option value="Sơn La">Sơn La
<option value="Tây Ninh">Tây Ninh
<option value="Thái Bình">Thái Bình
<option value="Thái Nguyên">Thái Nguyên
<option value="Thanh Hóa">Thanh Hóa
<option value="Thừa Thiên Huế">Thừa Thiên Huế
<option value="Tiền Giang">Tiền Giang
<option value="Trà Vinh">Trà Vinh
<option value="Tuyên Quang">Tuyên Quang
<option value="Vĩnh Long">Vĩnh Long
<option value="Vĩnh Phúc">Vĩnh Phúc
<option value="Yên Bái">Yên Bái
<option value="Tp.Cần Thơ">Tp. Cần Thơ
<option value="Tp.Đà Nẵng">Tp. Đà Nẵng
<option value="Tp.Hải Phòng">Tp. Hải Phòng
<option value="Tp.Hà Nội">Tp. Hà Nội
<option value="TP HCM">Tp. Hồ Chí Minh
</select>
<input name="Đến từ" type="hidden" value="">
<label for="san-pham-quang-cao"><font color="red">*</font>Quý khách muốn đặt phòng:</label>
<input type="checkbox" name="Đặt phòng" placeholder="thông tin bắt buộc" value="đặt phòng đơn">Phòng đơn.<br>
<input type="checkbox" name="Đặt phòng" placeholder="thông tin bắt buộc" value="đặt phòng đôi">Phòng đôi.<br>
<!-- <input type="checkbox" name="sản phẩm quảng cáo" placeholder="thông tin bắt buộc" value="quảng cáo sản phẩm khác">Phòng gia đình.<br> -->
<input type="checkbox" name="Đặt phòng" placeholder="thông tin bắt buộc" value="đặt phòng tập thể">Phòng tập thể.<br><br>
<label for="complaint">Thông tin kèm theo:</label>
<textarea rows="8" name="Nội dung kèm theo" id="complaint" placeholder="Quý khách có ghi chú gì thêm cho khách sạn chuẩn bị?" ></textarea>
<input type="hidden" name="_subject" id="email-subject" value="Đăng ký quảng cáo thông tin">
<input type="hidden" name="_cc" value="[email protected]" />
<input type="hidden" name="_next" value="https://chuacothach.vn">
</fieldset>
<input type="submit" value="Xác nhận đặt phòng" style="background-color: #b0b435; font-weight: bold;">
</form>
Mình trước đây học bên QTKD nhưng có đam mê lập web, hiện tại mình có lập được một trang web đơn sơ quảng bá về khu du lịch của quê mình bằng HTML, CSS và JS (chuacothach.vn). Nhưng khi đến đoạn mà mình muốn gởi thông tin đặt phòng của khách đến email bằng PHP mailer kết hợp với việc khách hàng nhập thông tin đăng ký thì mình lại tìm không ra, rất mong các Pro giúp mình để trang web được hoàn thiện hơn. Mình đang sử dụng dịch vụ của bên thứ ba là formspree.io để họ forward thông tin đăng ký về mail. Giờ mình muốn sử dụng code PHP mailer kết hợp với html được không ạ. Mình có viết code như bên dưới, rất mong các Pro giúp đỡ...
<form id="fs-frm" name="dat-quang-cao" accept-charset="utf-8" action="https://formspree.io/f/xqkozlyv" method="post" enctype="multipart/form-data">
<fieldset id="fs-frm-inputs">
<label for="full-name"><font color="red">*</font> Họ và tên:</label>
<input type="text" name="Tên người gởi" id="full-name" placeholder="Thông tin bắt buộc" required="required">
<label for="gioi-tinh">Giới tính:</label>
<label><input type="radio" name="Giới tính" value="Nam" placeholder="Nam" style="width:20px;">Nam <div style="width:4vw;"></div>
<input type="radio" name="Giới tính" value="Nữ" placeholder="Nữ" class="gioi-tinh" style="width:20px;">Nữ <div style="width:4vw;"></div>
<input type="radio" name="Giới tính" value="Khác" placeholder="Khác" class="gioi-tinh" style="width:20px;">Khác</label>
<label for="email-address">Địa chỉ email:</label>
<input type="email" name="Mail người gởi" id="email-address" placeholder="email@tên miền.com,...">
<label for="telephone"><font color="red">*</font>Số điện thoại di động:</label>
<input type="telephone" name="Số điện thoại di động" pattern="[0-9]
" id="telephone" placeholder="Thông tin bắt buộc" required="required"><label type="province" name="Tỉnh - Thành Phô"><font color="red">*</font>Quý khách đến từ:</label>
<select name="Đến từ" class="form-select form-select-sm mb-3" id="city" aria-label=".form-select-sm">
<option value="" selected>Chọn tỉnh thành</option>
<option value="An Giang">An Giang
<option value="Bà Rịa - Vũng Tàu">Bà Rịa - Vũng Tàu
<option value="Bắc Giang">Bắc Giang
<option value="Bắc Kạn">Bắc Kạn
<option value="Bạc Liêu">Bạc Liêu
<option value="Bắc Ninh">Bắc Ninh
<option value="Bến Tre">Bến Tre
<option value="Bình Định">Bình Định
<option value="Bình Dương">Bình Dương
<option value="Bình Phước">Bình Phước
<option value="Bình Thuận">Bình Thuận
<option value="Cà Mau">Cà Mau
<option value="Cao Bằng">Cao Bằng
<option value="Đắk Lắk">Đắk Lắk
<option value="Đắk Nông">Đắk Nông
<option value="Điện Biên">Điện Biên
<option value="Đồng Nai">Đồng Nai
<option value="Đồng Tháp">Đồng Tháp
<option value="Gia Lai">Gia Lai
<option value="Hà Giang">Hà Giang
<option value="Hà Nam">Hà Nam
<option value="Hà Tĩnh">Hà Tĩnh
<option value="Hải Dương">Hải Dương
<option value="Hậu Giang">Hậu Giang
<option value="Hòa Bình">Hòa Bình
<option value="Hưng Yên">Hưng Yên
<option value="Khánh Hòa">Khánh Hòa
<option value="Kiên Giang">Kiên Giang
<option value="Kon Tum">Kon Tum
<option value="Lai Châu">Lai Châu
<option value="Lạng Sơn">Lạng Sơn
<option value="Lào Cai">Lào Cai
<option value="Lâm Đồng">Lâm Đồng
<option value="Long An">Long An
<option value="Nam Định">Nam Định
<option value="Nghệ An">Nghệ An
<option value="Ninh Bình">Ninh Bình
<option value="Ninh Thuận">Ninh Thuận
<option value="Phú Thọ">Phú Thọ
<option value="Phú Yên">Phú Yên
<option value="Quảng Bình">Quảng Bình
<option value="Quảng Nam">Quảng Nam
<option value="Quảng Ngãi">Quảng Ngãi
<option value="Quảng Ninh">Quảng Ninh
<option value="Quảng Trị">Quảng Trị
<option value="Sóc Trăng">Sóc Trăng
<option value="Sơn La">Sơn La
<option value="Tây Ninh">Tây Ninh
<option value="Thái Bình">Thái Bình
<option value="Thái Nguyên">Thái Nguyên
<option value="Thanh Hóa">Thanh Hóa
<option value="Thừa Thiên Huế">Thừa Thiên Huế
<option value="Tiền Giang">Tiền Giang
<option value="Trà Vinh">Trà Vinh
<option value="Tuyên Quang">Tuyên Quang
<option value="Vĩnh Long">Vĩnh Long
<option value="Vĩnh Phúc">Vĩnh Phúc
<option value="Yên Bái">Yên Bái
<option value="Tp.Cần Thơ">Tp. Cần Thơ
<option value="Tp.Đà Nẵng">Tp. Đà Nẵng
<option value="Tp.Hải Phòng">Tp. Hải Phòng
<option value="Tp.Hà Nội">Tp. Hà Nội
<option value="TP HCM">Tp. Hồ Chí Minh
</select>
<input name="Đến từ" type="hidden" value="">
<label for="san-pham-quang-cao"><font color="red">*</font>Quý khách muốn đặt phòng:</label>
<input type="checkbox" name="Đặt phòng" placeholder="thông tin bắt buộc" value="đặt phòng đơn">Phòng đơn.<br>
<input type="checkbox" name="Đặt phòng" placeholder="thông tin bắt buộc" value="đặt phòng đôi">Phòng đôi.<br>
<!-- <input type="checkbox" name="sản phẩm quảng cáo" placeholder="thông tin bắt buộc" value="quảng cáo sản phẩm khác">Phòng gia đình.<br> -->
<input type="checkbox" name="Đặt phòng" placeholder="thông tin bắt buộc" value="đặt phòng tập thể">Phòng tập thể.<br><br>
<label for="complaint">Thông tin kèm theo:</label>
<textarea rows="8" name="Nội dung kèm theo" id="complaint" placeholder="Quý khách có ghi chú gì thêm cho khách sạn chuẩn bị?" ></textarea>
<input type="hidden" name="_subject" id="email-subject" value="Đăng ký quảng cáo thông tin">
<input type="hidden" name="_cc" value="[email protected]" />
<input type="hidden" name="_next" value="https://chuacothach.vn">
</fieldset>
<input type="submit" value="Xác nhận đặt phòng" style="background-color: #b0b435; font-weight: bold;">
</form>
