HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLDOMフォームacceptCharsetプロパティ

HTML DOMフォームのacceptCharsetプロパティは、

要素のaccept-Charset属性に関連付けられています。このプロパティは、フォームのaccept-Charset属性値を設定および取得するために使用されます。文字列型の文字エンコードを返します。

accept-Charset値が指定されていない場合、文字エンコードが現在のHTMLドキュメントの文字エンコードに設定されていることを示すUNKNOWNが返されます。

構文

以下は、-

の構文です。

acceptCharsetプロパティの設定-

formObject.acceptCharset = character-set

ここで、文字セットは、1つ以上の文字エンコード値を示すセミコロンまたはスペースで区切られたリストです。最も一般的に使用される値のいくつかは、UTF-8およびISO-8859-1です。

例

FormacceptCharsetプロパティの例を見てみましょう-

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

出力

これにより、次の出力が生成されます-

HTMLDOMフォームacceptCharsetプロパティ

変更ボタンをクリックすると-

HTMLDOMフォーム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";
}

  1. HTMLDOMTextareaフォームプロパティ

    HTML DOM Textareaフォームプロパティは、テキストエリアを囲むフォームの引用を返します。 構文 以下は構文です- object.form HTML DOM Textareaフォームプロパティの例を見てみましょう： 例 <!DOCTYPE html> <html> <style>    body {       text-align: center;       background-color: #363946;       col

  2. HTMLDOMオブジェクトフォームプロパティ

    HTML DOM Object formプロパティは、要素の囲みフォームの参照を返します。 以下は構文です- フォームへの参照を返す オブジェクト ObjectElement.form オブジェクトフォームプロパティの例を見てみましょう − 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Object form</title> <style>    form {       width:70%;   &nbs