サポート » プラグイン » 【MW WP Form】スマホでフォームの入力モードを切り替える方法

【MW WP Form】スマホでフォームの入力モードを切り替える方法

  • 解決済 MMiyamoto-ora

    (@mmiyamoto-ora)


    8年、 9ヶ月前

    MW WP Formにテキストフィールドを挿入する際「半角英数字に変換」にチェックを入れると変換されるという機能がありますが、それは入力途中では変換される実感がないためエンドユーザーには分からないと思われます。
    スマホで利用される際には特に入力しにくいので
    入力モードを変えて入力しやすくしたいのですが、方法が分かりません。

    <input type="tel" />や<input type="email" />などを
    MW WP Formに適用させたい場合に何かいい方法がないでしょうか？

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • mocomoco

    (@silent_dandy)

    8年、 9ヶ月前

    jQueryなどでtypeを書き換えてやるのが手っ取り早いかもしれません。

    [mwform_text name="メールアドレス" size="40" id="mail"]
[mwform_text name="電話番号" size="40" id="tel"]

    上記のショートコードに対して、以下のscriptで書き換えます。

    <script>
jQuery(function($) {
  //inputtype変更
  $('#tel').attr('type','tel');
  $('#mail').attr('type','email');
});
</script>
    トピック投稿者 MMiyamoto-ora

    (@mmiyamoto-ora)

    8年、 9ヶ月前

    mocomoco様　アドバイス頂きありがとうございます。
    教えて頂いた方法で無事適用されました。

    スマホ対応のことを考えると入力モードの切り替えは必須なので使用頻度が高いと思います。
    いい方法が見つかり本当に助かりました。
    ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「【MW WP Form】スマホでフォームの入力モードを切り替える方法」には新たに返信することはできません。

トピックタグ

表示