HTML DOM Input Gửi thuộc tính FormEnctype

Thuộc tính HTML DOM Submit formEnctype được sử dụng để thiết lập hoặc trả về giá trị thuộc tính formEnctype của nút gửi. Nó được giới thiệu trong HTML5 cho phần tử đầu vào với loại gửi. Nó được sử dụng để chỉ định cách dữ liệu của biểu mẫu sẽ được mã hóa khi gửi đến máy chủ.

Thuộc tính này chỉ hoạt động nếu có thuộc tính method =”post”. Giá trị thuộc tính formEnctype ghi đè giá trị thuộc tính enctype được liên kết với phần tử

Cú pháp

Sau đây là cú pháp cho -

Đặt thuộc tính submit formEnctype -

submitObject.enctype = encoding

Ở đây, mã hóa có thể là “application / x-www-form-urlencoded” có nghĩa là tất cả các ký tự đều được mã hóa trước khi gửi và đây là mã hóa mặc định. Một cái khác là “multiart / form-data” chỉ định rằng không có ký tự nào nên được mã hóa và được sử dụng để tải tệp lên máy chủ. Cách mã hóa thứ ba là “văn bản / thuần túy” và nó chỉ chuyển đổi khoảng trắng thành biểu tượng “+” và không có mã hóa nào khác. Không nên sử dụng mã hóa văn bản / mã hóa miền vì nó không an toàn.

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính submit formEnctype -

<!DOCTYPE html>
<html>
<head>
<script>
   function changeEnc() {
      document.getElementById("SUBMIT1").formEnctype = "application/x-www-formurlencoded";
      document.getElementById("Sample").innerHTML = "The formenctype attribute value is now 'application/x-www-form-urlencoded' ";
   }
</script>
</head>
<body>
<h1>Submit formEnctype property example</h1>
<form id="FORM_1" action="/Sample.php" style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id=“Loc”> <br><br>
<input type="submit" id="SUBMIT1" formenctype="multipart/form-data">
</form>
<br>
<button onclick="changeEnc()">CHANGE</button>
<p id="Sample"></p>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

HTML DOM Input Gửi thuộc tính FormEnctype

Khi nhấp vào nút THAY ĐỔI -

HTML DOM Input Gửi thuộc tính FormEnctype