Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

แบบฟอร์ม HTML DOM ยอมรับคุณสมบัติ Charset


คุณสมบัติ 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>

ผลลัพธ์

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

แบบฟอร์ม HTML DOM ยอมรับคุณสมบัติ Charset

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

แบบฟอร์ม HTML DOM ยอมรับคุณสมบัติ Charset

ในตัวอย่างข้างต้น −

เราได้สร้างแบบฟอร์มที่มีรหัส "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";
}