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";
}
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP