Cách lưu giá trị textarea trong HTML

❮ Đối tượng Textarea

Ví dụ

Thay đổi nội dung của vùng văn bản

tài liệu. getElementById("myTextarea"). value = "Đại lộ số 5, Thành phố New York";

Tự mình thử »


Định nghĩa và cách sử dụng

Thuộc tính giá trị đặt hoặc trả về nội dung của vùng văn bản

Ghi chú. Giá trị của một vùng văn bản là văn bản giữa các thẻ


Hỗ trợ trình duyệt

Giá trị tài sản Có Có Có Có Có

cú pháp

Trả về thuộc tính giá trị

Đặt thuộc tính giá trị

đối tượng vùng văn bản. giá trị = văn bản

Giá trị tài sản

ValueDescriptiontextChỉ định giá trị (nội dung) của vùng văn bản

chi tiết kỹ thuật

Giá trị trả về. Một chuỗi, đại diện cho nội dung/văn bản của vùng văn bản

Thêm ví dụ

Ví dụ

Lấy nội dung của một vùng văn bản

var x = tài liệu. getElementById("myTextarea"). giá trị;

Tự mình thử »


❮ Đối tượng Textarea

Trong bài đăng trên blog này, chúng ta sẽ tìm hiểu cách lưu giá trị Textarea vào tệp bằng HTML và Javascript. Trong các dự án của chúng tôi, chúng tôi có thể gặp một số tình huống khi chúng tôi muốn lưu trữ văn bản do người dùng nhập vào bên trong một tệp theo chương trình

Hôm nay chúng ta sẽ xây dựng một dự án javascript đơn giản, trong đó chúng ta sẽ lưu trữ văn bản do người dùng nhập vào một tệp theo chương trình. Và sau khi lưu tệp sẽ được tải xuống. Đây là video demo của dự án của chúng tôi

Như bạn có thể thấy trong video demo ở trên, chúng tôi đã tạo một biểu mẫu HTML đơn giản với đầu vào vùng văn bản để nhập văn bản, hộp nhập để nhập tên tệp và nút Lưu & Tải xuống.  

Khi người dùng nhấn vào nút lưu và tải xuống, chúng tôi sẽ lưu nội dung của vùng văn bản vào một tệp. Chúng tôi đặt tên tệp bằng tên tệp do người dùng nhập và tệp sẽ được tải xuống

Cách lưu vùng văn bản/giá trị đầu vào vào tệp văn bản trong Javascript

Để bắt đầu, trước tiên hãy tạo một biểu mẫu đơn giản bằng HTML và CSS để nhập dữ liệu văn bản và tên tệp. Sau đó, chúng tôi sẽ lưu dữ liệu văn bản vào một tệp và tải xuống bằng javascript

Tạo biểu mẫu HTML để nhập văn bản và tên tệp

Save Text to File

Trong mã HTML ở trên, chúng tôi đã thêm phần tử