Hướng dẫn Biểu mẫu HTML
Một tính năng phổ biến của các trang web mà nhiều nhà thiết kế web đấu tranh với các hình thức. Bạn có thể muốn thêm biểu mẫu vào trang web của mình như một cách đơn giản để mọi người liên lạc với bạn để đặt câu hỏi hoặc thể hiện sự quan tâm đến các sản phẩm hoặc dịch vụ mà bạn cung cấp. Thật không may, hướng dẫn trực tuyến về cách thêm biểu mẫu trang web phức tạp có thể gây nhầm lẫn và biến các chuyên gia web mới đi.
Các biểu mẫu web không phải là khó khăn để làm việc với, ngay cả đối với webbies mới.
Các biểu mẫu Mailto là một cách dễ dàng để làm cho biểu mẫu hoạt động. Họ dựa vào các ứng dụng email để gửi dữ liệu biểu mẫu từ máy tính của khách hàng đến chủ sở hữu biểu mẫu. Dữ liệu biểu mẫu được hoàn thành bởi người dùng trang web là gửi email đến một địa chỉ cụ thể như được chỉ định trong mã hóa cho biểu mẫu.
Nếu bạn chưa quen với thiết kế web và bạn không biết cách lập trình các tương tác phức tạp hơn hoặc bạn đang chạy một trang web nhỏ và chỉ muốn một cách đơn giản để thêm biểu mẫu, có biểu mẫu mailto dưới dạng biểu mẫu liên hệ dễ dàng hơn việc học viết PHP. Nó cũng rẻ hơn so với mua một đoạn văn bản viết sẵn để làm điều đó cho bạn.
Với hướng dẫn nhanh này, hãy tìm hiểu cách sử dụng biểu mẫu mailto. Ngay cả khi bạn chưa bao giờ làm như vậy trước đây, việc nắm vững kỹ thuật này rất dễ dàng và chắc chắn trong lĩnh vực "bắt đầu thiết kế web".
Bắt đầu
Các biểu mẫu HTML có thể là thách thức đối với các nhà phát triển web mới vì chúng đòi hỏi nhiều hơn là chỉ học đánh dấu HTML. Ngoài các yếu tố HTML cần thiết để tạo các biểu mẫu và các trường của nó, bạn cũng phải có một số cách để có được biểu mẫu "hoạt động". Điều này thường yêu cầu quyền truy cập vào tập lệnh CGI hoặc chương trình khác để tạo trong thuộc tính "hành động" của biểu mẫu.
Hành động đó là cách biểu mẫu xử lý dữ liệu và những gì nó làm với nó sau đó (ghi vào cơ sở dữ liệu, gửi email, v.v.)
Nếu bạn không có quyền truy cập vào tập lệnh sẽ làm cho biểu mẫu của bạn hoạt động, có một hành động biểu mẫu mà hầu hết các trình duyệt hiện đại đều hỗ trợ.
action = " mailto: youremailaddress "
Đây là cách đơn giản để lấy dữ liệu biểu mẫu từ trang web của bạn tới email của bạn.
Phải thừa nhận rằng, giải pháp này là rất hạn chế trong những gì nó có thể làm, nhưng đối với các trang web rất nhỏ, nó là một nơi tốt để bắt đầu.
Thủ thuật để sử dụng Mailto Forms
Sử dụng thuộc tính enctype = "text / plain"
Điều này nói với trình duyệt cũng như ứng dụng email mà biểu mẫu gửi văn bản thuần túy thay vì bất kỳ điều gì phức tạp hơn. Một số trình duyệt và ứng dụng email gửi dữ liệu biểu mẫu được mã hóa cho các trang Web . Điều này có nghĩa là dữ liệu được gửi dưới dạng một dòng dài, dấu cách được thay thế bằng dấu cộng (+) và các ký tự khác được mã hóa. Sử dụng thuộc tính enctype = "text / plain" giúp làm cho dữ liệu dễ đọc hơn.
Sử dụng phương thức GET hoặc POST
Trong khi phương thức POST đôi khi hoạt động, nó thường chỉ làm cho trình duyệt mở một cửa sổ email trống. Nếu điều này xảy ra với bạn bằng phương thức GET, sau đó thử chuyển sang POST.
Mẫu Mailto mẫu
Đây là một dạng mẫu sử dụng hành động mailto (lưu ý - đây là đánh dấu rất đơn giản. Tốt nhất bạn nên mã hóa các trường biểu mẫu này bằng cách sử dụng nhiều đánh dấu ngữ nghĩa và các phần tử hơn, nhưng ví dụ này là đủ cho phạm vi của hướng dẫn này):
Tên của bạn:
Họ của bạn:
Nhận xét:
form>
Khách hàng của bạn sẽ thấy thông báo cho biết rằng biểu mẫu đang được gửi qua email. Đây là kết quả trông như thế nào:
first_name = Jennifer
last_name = Kyrnin
comments = Xin chào!
Lưu ý đặc biệt về biểu mẫu gửi thư
Một lần nữa, phương pháp này, trong khi dễ dàng, nó cũng rất hạn chế. Rõ ràng điều quan trọng cần lưu ý là các biểu mẫu mailto không phải lúc nào cũng hoạt động đối với tất cả các kết hợp trình duyệt và ứng dụng email. Nếu bạn đã cố gắng sử dụng biểu mẫu mailto và không thành công, điều này có thể là lý do tại sao - có thể có một số kết hợp công nghệ khiến chức năng thất bại. Để biết thêm thông tin chi tiết về những gì có thể can thiệp vào nỗ lực của bạn để sử dụng biểu mẫu như vậy, hãy tham khảo " Khi biểu mẫu thư không hoạt động ".
Mặc dù phương pháp này là một nỗ lực đầu tiên trong việc tạo biểu mẫu web tạo email và gửi dữ liệu biểu mẫu, khi bạn nâng cao kỹ năng web của mình, bạn chắc chắn sẽ muốn khám phá các tùy chọn mạnh mẽ hơn. Từ các kịch bản CGI tới các biểu mẫu PHP tới các nền tảng CMS có các tiện ích biểu mẫu dựng sẵn, bạn có nhiều tùy chọn nâng cao để xem xét cho nhu cầu biểu mẫu trang web trong tương lai của mình!
Bài báo gốc của Jennifer Krynin. Biên tập bởi Jeremy Girard vào ngày 9/12/17