Mar 2, 2016

フォームメーラ(Free無料版)文字化け解消|アメーバオウンドフォーム埋め込み

こんにちは。

フォームメーラーってご存じですか?

無料、有料と選択できるメールフォームサービスですね。

 

私も使っています。

今回、アメーバオウンドサイトにこのフォームメーラ(Free無料版)を埋め込んだ時に、送信後文字化けしてしまう動作を、解消すべく実験したところ、上手く文字化けを解消できましたので、備忘録として記事にしてみました。

今回は、フォームメーラー(Free無料版)で、PC版のHTMLコード(formのみ)を使っています。

 

まずは文字化け確認

HTMLコードをアメーバオウンドのHTMLブロックに設置しただけの入力後の状態です。

smilefactoryten 加藤敦志

思いっきり文字化けしてますね。

 

 

文字化け修正

調整が必要なのは、2箇所

【1箇所目はform】

 

上記のHTMLコードに「accept-charset」属性を追加します。

 

【2箇所目はinput】

 

ここに、「document.charset」プロパティを追加します。

 

修正箇所はこの2箇所です。

この2箇所修正後は文字化け無しでいけました。

smilefactoryten 加藤敦志

 

これで、フォームメーラ(Free無料版)をアメーバオウンドサイトに、HTMLブロックを使って埋め込み可能になりますよね!!

是非チャレンジしてみては??

ではまた。

Posted in HTML5&CSS3, ブログComments Closed 

関連記事