formObject.acceptCharsetは、form要素(フォーム要素)のaccept-charset属性を取得、もしくは、設定するプロパティ。
accept-charset属性には、文字コードを指定することができる。ほとんどの場合、サーバーの自動判定に任せておけば問題ないが、文字化けする場合には試してみるとよい。
構文
取得
var $acceptCharset = $formObject.acceptCharset;
戻り値
form要素(フォーム要素)のaccept-charset属性の値。
設定
$formObject.acceptCharset = "文字コード";
- 文字コード
- 文字コードを指定。半角スペース区切りで複数の文字コードを指定することもできる。
- 代表的な日本語文字コードは、
UTF-8
、Shift_JIS
、EUC-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>
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>
<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>
#sampleForm * {
margin: 0;
}
</style>