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

更新日期:19-8-2019

78 次瀏覽

開始您的 職業生涯

完成課程即可獲得認證

開始
廣告
© . All rights reserved.