HTML DOM Input ส่งแบบฟอร์ม Enctype คุณสมบัติ

คุณสมบัติ HTML DOM ส่ง formEnctype ใช้สำหรับการตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ formEnctype ของปุ่มส่ง แนะนำใน HTML5 สำหรับองค์ประกอบอินพุตที่มีประเภทส่ง ใช้สำหรับระบุวิธีการเข้ารหัสข้อมูลของแบบฟอร์มเมื่อส่งไปยังเซิร์ฟเวอร์

คุณสมบัตินี้ใช้ได้เฉพาะเมื่อมี method=”post” คุณสมบัติ ค่าแอตทริบิวต์ formEnctype จะแทนที่ค่าแอตทริบิวต์ enctype ที่เกี่ยวข้องกับองค์ประกอบ

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับ −

การตั้งค่าคุณสมบัติส่ง formEnctype -

submitObject.enctype = encoding

ที่นี่การเข้ารหัสสามารถเป็น "application/x-www-form-urlencoded" ซึ่งหมายความว่าอักขระทั้งหมดจะได้รับการเข้ารหัสก่อนส่งและนี่คือการเข้ารหัสเริ่มต้น อีกส่วนหนึ่งคือ "หลายส่วน/ข้อมูลรูปแบบ" ซึ่งระบุว่าไม่ควรเข้ารหัสอักขระใด ๆ และใช้สำหรับอัปโหลดไฟล์ไปยังเซิร์ฟเวอร์ การเข้ารหัสที่สามคือ "ข้อความ/ธรรมดา" และจะแปลงเฉพาะช่องว่างเป็นสัญลักษณ์ "+" เท่านั้น และไม่มีการเข้ารหัสอื่นๆ ไม่ควรใช้การเข้ารหัส text./plain เนื่องจากไม่ปลอดภัย

ตัวอย่าง

ให้เราดูตัวอย่างคุณสมบัติส่ง 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>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

HTML DOM Input ส่งแบบฟอร์ม Enctype คุณสมบัติ

เมื่อคลิกปุ่ม CHANGE -

HTML DOM Input ส่งแบบฟอร์ม Enctype คุณสมบัติ