ContactForm7 入力項目での日本語 ON/OFFを切り替える方法

Tweet

WordPressのプラグイン、ContactForm7のお問い合わせフォームの名前、E-mail、お問い合わせ内容、メッセージエリアに入力する際、自働で日本語入力がON・OFFになるように設定する方法です。（筆者のテストの結果、IMEとATOKでの日本語入力ON/OFFはOKです。なお、WebブラウザはIE Ver.11を使用）

前提条件として名前入力欄は日本語入力ON、E-mail入力欄は日本語入力OFF、お問い合わせ内容およびメッセージエリア入力欄は日本語入力をONとします。

WordPress→外観→テーマ編集のstyle.css（スタイルシート）に下記を追加記述し保存します。

/*Contact Form 7 IME Input Mode*/
form.wpcf7-form .email { ime-mode: inactive;}
form.wpcf7-form .name,form.wpcf7-form .subject,form.wpcf7-form .message { ime-mode: active;}

次に、ContactForm7のhtml欄には次のように記述します。

お名前(必須)

[text* your-name class:name] 

メールアドレス(必須)

[email* your-email class:email] 

お問い合わせ内容(必須)

[text* your-subject class:subject] 

メッセージ本文 (必須)

[textarea* your-message class:message] 

[submit "送信"] 

以上のように記述したら保存、終了します。
これでContactForm7のプラグインを使用して作成された「お問い合わせフォーム」上での日本語入力「ON/OFF」は機能するようになると思います。

Comments

comments