formObject.acceptCharsetプロパティ

formObject.acceptCharsetは、form要素(フォーム要素)のaccept-charset属性を取得、もしくは、設定するプロパティ。

accept-charset属性には、文字コードを指定することができる。ほとんどの場合、サーバーの自動判定に任せておけば問題ないが、文字化けする場合には試してみるとよい。

構文

取得

var $acceptCharset = $formObject.acceptCharset;

戻り値

form要素(フォーム要素)のaccept-charset属性の値。

設定

$formObject.acceptCharset = "文字コード";
文字コード
文字コードを指定。半角スペース区切りで複数の文字コードを指定することもできる。
代表的な日本語文字コードは、UTF-8Shift_JISEUC-JPなど。

サンプル

変更後のform要素のaccept-charset属性の値:

検索語:

サンプルの動作について

  • 「UTF-8」ボタンをクリックすると、form要素のaccept-charset属性の値を「UTF-8」にする。「変更後のform要素のaccept-charset属性の値:」の右横に「UTF-8」と表示する。
  • 「Shift_JIS」ボタンをクリックすると、form要素のaccept-charset属性の値を「Shift_JIS」にする。「変更後のform要素のaccept-charset属性の値:」の右横に「Shift_JIS」と表示する。
  • 「EUC-JP」ボタンをクリックすると、form要素のaccept-charset属性の値を「EUC-JP」にする。「変更後のform要素のaccept-charset属性の値:」の右横に「EUC-JP」と表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function setMethod( $acceptCharset ) {
    var $elementReference = document.getElementById( "sampleForm" );
    $elementReference.acceptCharset = $acceptCharset;
    var $acceptCharset = $elementReference.acceptCharset;
    document.getElementById( "sampleOutput" ).innerHTML = $acceptCharset;
}
</script>

HTML

<button onclick="setMethod('UTF-8');">UTF-8</button>
<button onclick="setMethod('Shift_JIS');">Shift_JIS</button>
<button onclick="setMethod('EUC-JP');">EUC-JP</button>
<p>変更後のform要素のaccept-charset属性の値:<span id="sampleOutput"></span></p>
<form id="sampleForm" method="get" accept-charset="UTF-8" action="http://alphasis.info/" target="_blank">
    検索語:<input type="text" name="s" value="イベント">
    <br />
    <button type="submit">送信</button>
</form>

CSS

<style>
#sampleForm * {
    margin: 0;
}
</style>

スポンサード リンク

カテゴリー: DOM, Formオブジェクト, JavaScript, プロパティ, リファレンス パーマリンク