Allowing file upload to your website becomes necessary when you want to get the data from users in the form of a document, image, or file. HTML allows you to add the file upload functionality to your website by adding a file upload button to your webpage with the help of the tag.
xác định trường chọn tệp và nút “Duyệt“ để tải tệp lên
cú pháp
ví dụ 1. Mã có chức năng tải lên tệp có thể được nhìn thấy bên dưới. Đầu ra hiển thị nút tải tệp lên có nội dung “Chọn tệp”. Với sự trợ giúp của nút này, chúng tôi có thể tải các tệp lên một trang web cụ thể
HTML
đầu ra
tải lên tệp
ví dụ 2. Để xác định trường chọn tệp cho phép chọn nhiều tệp, hãy thêm thuộc tính ‘multiple‘ như sau
cú pháp
Bằng cách này, chúng tôi có thể tạo và tải nút tệp lên trang web của mình. Để đảm bảo rằng dữ liệu tệp được đọc từ tệp để gửi đến máy chủ, hãy đảm bảo sử dụng thuộc tính “enctype=”multipart/form-data” trong thẻ biểu mẫu. Nếu không sử dụng thuộc tính này thì dữ liệu của tệp sẽ không được đọc mà chỉ đọc được tên tệp
class="formbold-form-input"
Họ
class="formbold-form-input"
Họ
placeholder="jhon@mail. com"
class="formbold-form-input"
Thư
giữ chỗ="[319] 555-0115"
class="formbold-form-input"
Điện thoại
placeholder="Viết tin nhắn của bạn. "
class="formbold-form-input"
Thông điệp
website-thông tin-kiến trúc. pdf
@nhập url['https. //phông chữ. googleapis. com/css2?family=Liên. wght@400;500;600;700&display=swap'];
họ phông chữ. "Liên", sans-serif;
formbold-input-flex > div {
hướng uốn. đảo ngược cột;
hướng uốn. đảo ngược cột;
viền dưới. 1px rắn #DDE3EC;
formbold-form-input. giữ chỗ {
formbold-form-input. tiêu điểm {
formbold-form-input. tập trung +. formbold-form-nhãn {
formbold-input-file input[type="file"] {
formbold-input-file. formbold-input-nhãn {
formbold-filename-wrapper {
biện minh cho nội dung. không gian giữa;
màu nền. #6A64F1;
bóng hộp. 0px 3px 8px rgba[0, 0, 0, 0. 05];