HTML DOM Form acceptCharset屬性用法及代碼示例

HTML DOM Form acceptCharset 屬性與 <form> 元素的 accept-Charset 屬性相關聯。該屬性用於設置和獲取表單的 accept-Charset 屬性值。它以字符串類型返回字符編碼。

如果未指定 accept-Charset 值，它將返回 UNKNOWN，表示字符編碼設置為當前 HTML 文檔的字符編碼。

用法

以下是語法 -

設置 acceptCharset 屬性 -

formObject.acceptCharset = character-set

其中，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>

輸出

這將產生以下輸出 -

單擊更改按鈕 -

在上麵的例子中 -

我們創建了一個表單，id 為 “FORM1”，acceptCharset 屬性值為 “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() 方法獲取 <form> 元素。然後將其 acceptCharset 屬性值設置為 “ISO-8859-1”，這是拉丁字符編碼。然後，我們使用其 innerHTML 屬性在 id “Sample” 的段落中顯示一條消息，以顯示有關此更改的文本 -

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

相關用法

注：本文由純淨天空篩選整理自AmitDiwan大神的英文原創作品 HTML DOM Form acceptCharset Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。