คุณสมบัติ HTML DOM Form acceptCharset เชื่อมโยงกับแอตทริบิวต์ accept-Charset ขององค์ประกอบ คุณสมบัตินี้ใช้สำหรับการตั้งค่าและรับค่าแอตทริบิวต์ accept-Charset ของแบบฟอร์ม ส่งคืนการเข้ารหัสอักขระในประเภทสตริง หากไม่ได้ระบุค่า accept-Charset มันจะส่งคืน UNKNOWN ซึ่งระบุว่าการเข้ารหัสอักขระถูกตั้งค่าเป็นการเข้ารหัสอักขระของเอกสาร HTML ปัจจุบัน ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ − การตั้งค่าคุณสมบัติ acceptCharset - formObject.acceptCharset = character-set ในที่นี้ ชุดอักขระคือรายการที่คั่นด้วยเครื่องหมายอัฒภาคหรือช่องว่างซึ่งระบุค่าการเข้ารหัสอักขระตั้งแต่หนึ่งค่าขึ้นไป ค่าที่ใช้บ่อยที่สุดคือ UTF-8 และ ISO-8859-1 ตัวอย่าง ให้เราดูตัวอย่างคุณสมบัติ form acceptCharset - <!DOCTYPE html> <html> <head> <style> form{ border:2px solid blue; margin:2px; padding:4px; } </style> <script> function changeEnc() { document.getElementById("FORM1").acceptCharset = "ISO-8859-1"; document.getElementById("Sample").innerHTML = "The character set is now ISO-8859-1 instead of UTF-8 for this form"; } </script> </head> <body> <form id="FORM1" accept-charset="UTF-8"> <label>User Name <input type="text" name="usrN"></label><br><br> <label>Password <input type="password" name="pass"></label> </form> <p>Change the charset encoding for the form element from UTF-8 to ISO-8859-1 by clicking the below button<p> <button onclick="changeEnc()">CHANGE</button> <p id="Sample"></p> </body> </html> ผลลัพธ์ สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ - เมื่อคลิกปุ่ม CHANGE - ในตัวอย่างข้างต้น − เราได้สร้างแบบฟอร์มที่มีรหัส "FORM1" และยอมรับค่าคุณสมบัติ Charset เป็น "ISO-88591" แบบฟอร์มนี้ประกอบด้วยช่องป้อนข้อมูลที่มีข้อความพิมพ์และอีกช่องหนึ่งที่มีประเภทรหัสผ่าน - <form id="FORM1" accept-charset="UTF-8"> <label>User Name <input type="text" name="usrN"></label> <br><br> <label>Password <input type="password" name="pass"></label> </form> จากนั้นเราได้สร้างปุ่ม CHANGE ที่จะรันเมธอด changeEnc() เมื่อผู้ใช้คลิก - <button onclick="changeEnc()">CHANGE</button> ฟังก์ชัน changeEnc() รับองค์ประกอบ โดยใช้เมธอด getElementById() จากนั้นตั้งค่าคุณสมบัติ acceptCharset เป็น “ISO-8859-1” ซึ่งเป็นการเข้ารหัสอักขระละติน จากนั้นเราจะแสดงข้อความในย่อหน้าที่มีรหัส "ตัวอย่าง" โดยใช้คุณสมบัติ innerHTML เพื่อแสดงข้อความเกี่ยวกับการเปลี่ยนแปลงนี้ function changeEnc() { document.getElementById("FORM1").acceptCharset = "ISO-8859-1"; document.getElementById("Sample").innerHTML = "The character set is now ISO-8859-1 instead of UTF-8 for this form"; }