HTML DOM Form acceptCharset Thuộc tính

Thuộc tính acceptCharset của HTML DOM Form được liên kết với thuộc tính accept-Charset của phần tử

. Thuộc tính này được sử dụng để thiết lập và nhận giá trị thuộc tính accept-Charset của một biểu mẫu. Nó trả về mã hóa ký tự trong kiểu chuỗi.

Nếu giá trị accept-Charset không được chỉ định, nó sẽ trả về UNKNOWN cho biết rằng mã hóa ký tự được đặt thành mã hóa ký tự của tài liệu HTML hiện tại.

Cú pháp

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

Đặt thuộc tính acceptCharset -

formObject.acceptCharset = character-set

Ở đây, bộ ký tự là danh sách được phân tách bằng dấu chấm phẩy hoặc dấu cách cho biết một hoặc nhiều giá trị mã hóa ký tự. Một số giá trị được sử dụng phổ biến nhất là UTF-8 và ISO-8859-1.

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính 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>

Đầu ra

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

HTML DOM Form acceptCharset Thuộc tính

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

HTML DOM Form acceptCharset Thuộc tính

Trong ví dụ trên -

Chúng tôi đã tạo một biểu mẫu có id “FORM1” và giá trị thuộc tính acceptCharset thành “ISO-88591”. Biểu mẫu này chứa một trường nhập với văn bản loại và một trường khác có mật khẩu loại -

<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>

Sau đó, chúng tôi đã tạo một nút CHANGE sẽ thực thi phương thức changeEnc () khi người dùng nhấp vào -

<button onclick="changeEnc()">CHANGE</button>

Hàm changeEnc () nhận phần tử bằng phương thức getElementById (). Sau đó, nó đặt giá trị thuộc tính acceptCharset thành “ISO-8859-1” là mã hóa ký tự latin. Sau đó, chúng tôi hiển thị một thông báo trong đoạn văn có id “Sample” bằng cách sử dụng thuộc tính innerHTML của nó để hiển thị văn bản liên quan đến thay đổi này−

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";
}