Hướng dẫn html form write to text file - biểu mẫu html ghi vào tệp văn bản
Hãy lấy đoạn trích từ http://www.w3schools.com/html/html_forms.asp
Lưu ý Dòng đầu tiên: Khi gửi mẫu, tập lệnh PHP được gọi là:
Trên dòng đầu tiên cũng được chỉ định rằng dữ liệu đã gửi được gửi bằng phương thức 1.Phần PHP sẽ trông như thế này:
Câu lệnh 2 là có vì lần đầu tiên tập lệnh action_page.php được tải mục đích của nó chỉ để hiển thị biểu mẫu và không nhận được bất kỳ dữ liệu bài đăng nào.Khi biểu mẫu được gửi bởi người dùng, tập lệnh sẽ nhận dữ liệu và lưu trữ vào tệp. Kịch bản cũng sẽ (với cách tiếp cận này) hiển thị lại một biểu mẫu trống đã sẵn sàng cho việc gửi một mục khác. Bạn có thể sắp xếp lại mọi thứ để có hai trang web: một chỉ có biểu mẫu, một trang khác có thông báo "cảm ơn" và tập lệnh PHP xử lý dữ liệu. Tóm tắt: Biểu mẫu HTML/JavaScript lưu đầu vào của người dùng vào tệp văn bản ở định dạng đánh dấu với vật chất phía trước YAML để sử dụng trên máy tính cục bộ của bạn. Sử dụng để nhanh chóng tạo một bài đăng để xuất bản với một trình tạo trang web tĩnh như Hugo hoặc Jekyll.quickly create a post for publishing with a static website generator such as Hugo or Jekyll. Sau khi một trang web thiết kế lại quy trình công việc xuất bản ảnh của tôi như sau:
Mở một trình soạn thảo văn bản và viết ra thông tin cần có thời gian vì vậy tôi nghĩ rằng tôi đã cố gắng làm cho quy trình làm việc nhanh hơn. Có lẽ tôi đã viết một tập lệnh Lightroom để xuất bản một bức ảnh thông tin EXIF vào một tệp văn bản, nhưng thay vào đó đã quyết định tạo một biểu mẫu HTML với một số JavaScript để làm điều tương tự. Tôi đã làm điều này bởi vì:
Ở đây, một bản demo. Đi trước và điền vào và nhấp vào nút Lưu vào Tệp: Bài viết mới Vị trí tiêu đề Cảm nhận Tags Nội dung Tên tệp Để sử dụng:
Tôi đã thử nghiệm kịch bản trên phiên bản Firefox mới nhất trên Mac OS. Nó cũng hoạt động trên Chrome, nhưng AutoComplete dường như không hoạt động trừ khi các trường biểu mẫu được bọc trong thẻ mẫu với thuộc tính AutoComplete ( 0) và khi tôi thực hiện việc này, toàn bộ biểu mẫu biến mất trong Firefox. Tôi đã điều tra và đánh giá cao các yêu cầu kéo trên Gitlab. Tôi đang chia sẻ một ví dụ đơn giản ở đây hôm nay để giải thích cách bạn có thể lưu dữ liệu biểu mẫu của mình dễ dàng trong tệp văn bản hoặc trong tệp .txt bằng JavaScript. Một biểu mẫu web thường có nhiều yếu tố khác nhau, chủ yếu là các trường đầu vào. Bạn có thể trích xuất dữ liệu từ các yếu tố này và lưu nó trong cơ sở dữ liệu như SQL Server hoặc chỉ cần chuyển đổi nó thành tệp JSON. Bạn thậm chí có thể lưu dữ liệu biểu mẫu của bạn trong một tệp văn bản.save your form data in a text file. Hãy cùng xem ví dụ đầu tiên. Đánh dấu
Bạn có thể thích điều này. Cách đọc tệp văn bản (tệp .txt) bằng JavaScript. You may like this. How to read a text file (a .txt file) using JavaScript. Kịch bản Thử nó Vui lòng không bị choáng ngợp bởi quy mô của chương trình. Mã bên trong thẻ là quan trọng.code inside the Khi tôi đã tạo liên kết, tôi sẽ gán đối tượng Blob là HREF (hoặc là URL) cho thẻ liên kết mới được tạo.href (or as the URL) to the newly created Link tag. if (window.webkitURL != null) { newLink.href = window.webkitURL.createObjectURL(textToBLOB); } else { newLink.href = window.URL.createObjectURL(textToBLOB); newLink.style.display = "none"; document.body.appendChild(newLink); } Bây giờ, bạn cũng có thể chuyển đổi dữ liệu biểu mẫu của mình thành PDF bằng JavaScript. Now, you can also
convert your Form data into PDF using JavaScript. Blob là viết tắt của đối tượng lớn nhị phân. Blobs thường là, hình ảnh và tệp âm thanh, được chuyển đổi thành nhị phân và sau đó được lưu trữ trong cơ sở dữ liệu. Sử dụng hàm tạo blob (), tôi có thể chuyển đổi các văn bản thông thường thành các đối tượng Blob. stands for Binary Large Object. BLOBs are typically, images and audio files, which are converted into Binary and are later stored in a database. Using the Blob() constructor, I can convert ordinary texts into Blob objects. Bạn có thể thấy giá trị BLOB (được gắn vào URL liên kết hoặc thẻ mà chúng tôi đã tạo trong tập lệnh của chúng tôi) trong cửa sổ Bảng điều khiển trình duyệt của bạn. Ví dụ, tag that we created in our script) in your browser’s console window. For example, if (window.webkitURL != null) { newLink.href = window.webkitURL.createObjectURL(textToBLOB); console.log (newLink); } hình ảnh Hình ảnh hiển thị thẻ với URL có giá trị blob. Trong cửa sổ Bảng điều khiển, sao chép URL và dán nó vào thanh địa chỉ trình duyệt. Trình duyệt sẽ dịch Blob và sẽ hiển thị giá trị. Hãy nhớ rằng: Mỗi lần bạn nhấp vào nút Lưu, tập lệnh sẽ tạo một blob mới từ dữ liệu biểu mẫu.: Every time you click the save button, the script will create a new BLOB from the form data. Dòng mã cuối cùng, chỉ cần gọi sự kiện nhấp chuột của thẻ và trình duyệt tải xuống tệp chứa dữ liệu trong đĩa cứng cục bộ của bạn.click event of the tag and the browser downloads the file containing the data in your local hard disc. newLink.click(); Không chỉ là văn bản đơn giản, bạn thậm chí có thể chuyển đổi hình ảnh thành PDF chỉ bằng JavaScript. Kiểm tra bài viết này. Not just plain text, you can even convert an image into a PDF using only JavaScript. Check out this post. Đó là nó. Cảm ơn vì đã đọc. ☺☺ ← Trước đó →Next → |