HTML DOM 양식 acceptCharset 속성

<시간/>

HTML DOM 양식 acceptCharset 속성은

요소의 accept-Charset 속성과 연결됩니다. 이 속성은 양식의 accept-Charset 속성 값을 설정하고 가져오는 데 사용됩니다. 문자열 형식의 문자 인코딩을 반환합니다.

accept-Charset 값이 지정되지 않으면 문자 인코딩이 현재 HTML 문서의 문자 인코딩으로 설정되었음을 나타내는 UNKNOWN이 반환됩니다.

구문

다음은 −

의 구문입니다.

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 양식 acceptCharset 속성

CHANGE 버튼을 클릭하면 -

HTML DOM 양식 acceptCharset 속성

위의 예에서 -

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>

그런 다음 사용자가 클릭할 때 changeEnc() 메서드를 실행하는 CHANGE 버튼을 만들었습니다.

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

changeEnc() 함수는 getElementById() 메서드를 사용하여 요소를 가져옵니다. 그런 다음 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";
}