navigation>年末年始休業につきまして【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。TOPモバイルファーストマーケティングラボモバイルファーストマーケティングラボスマートフォンのキーボードを最適化してフォーム入力の手間を激減する方法2013.02.152018.09.27スマートフォンHOME技術スマートフォンのキーボードを最適化してフォーム入力の手間を激減する方法スマートフォンサイトで商品を購入する際に、郵便番号やメールアドレス、住所などをフォームに入力します。郵便番号を入力しないといけない時にきちんと郵便番号用のキーボードになってない事が多くて、特段気にはなりませんが少しストレスを感じてしまいます。モバイルユーザーは画面遷移や入力の手間を嫌い、できるだけ早く目的にたどり着きたいと考えているので、今回はそんなストレスを解消する「ソフトウェアキーボードの最適化の方法」をご紹介します。inputタグのtype属性で切り替えるinputタグのtype属性で切り替える方法は至って簡単で、inputタグのtype属性を使って切り替えることができます。サンプルサイトはコチラ。以下のキャプチャは左側が英語キーボード、右側が日本語キーボードを表示しています。/&gt;どちらのキーボードもデフォルトで数値入力になっています。/&gt;右下がそれぞれ「Search」「検索」に変化しました。/&gt;こちらは数字しか入力が出来なくなっています。/&gt;英語キーボードでは「.」「/」「.com」が、日本語キーボードでもアルファベット入力がデフォルトになっています。/&gt;英語キーボードでは「space」「@」「.」で表示されています。(日本語キーボードでは何故かうまくいきませんでした...)ざっとご紹介すると以上になります。探してみると他にも「password(パスワードを●●で表示)」や「date(日付入力)」など様々な入力方法を指定することができるので、お試し下さい。ちなみに、「text」などはもともとHTML4.0より用意されていましたが、「url」や「tel」などはHTML5から追加されています。参考:HTML5タグリファレンス|フォームを構成する様々な入力部品を作成する”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。・レスポンシブECサイトがなぜ今選ばれるのか・これまでのECサイトの課題とは何なのか・どのようにすれば解決できるのかといったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。無料パンフレットを請求するABOUTモバイルファーストマーケティングラボとは、スマートフォン/タブレット/PCに対応したレスポンシブECサイトの構築や成功事例の最新情報を発信するブログです。投稿一覧15歳の時に初めて携帯電話を手にして約15年。モバイルの面白さ、奥深さに魅了されて入社。中心に業種問わず様々なクライアントをサポートしております。合わせて情報サイト、「モバイルファーストマーケティングラボ」の編集長として、毎日モバイルマーケティングの情報を発信中。ECによってより便利で過ごしやすい世の中を作るお手伝いができればと思います。「インターネットでより豊かな人生を」がモットー。2013.07.19前回に続き、レスポンシブ無料テンプレートを使って、簡単にECサイトをオープンさせる方法をご紹介したいと思います。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。サイト内検索スマートフォンカテゴリの最新記事2019.02.01スマホからの売上UP!後払い決済を導入すべき理由とは2018.09.14ECサイトには必須?Google提唱のマイクロモーメントの意味と対策2018.06.06インスタグラムからECサイトで直接購入可能に!ショッピング機能「ShopNow」が日本解禁。自社ECサイト運営でASPをオススメする理由モバイルファーストラボ。