iOSのブラウザで数字のみのキーボードを出す | 5000164 here.
iOSのブラウザにおいて数字のみのキーボードを出したいときがあります。 しかし、input type=”number”ってやっても数字以外のキーがでてきてしまう。 そうだ、input type=”tel”ってやれば数字のみになる、しかしセマンティックではない。 そこで、input type=”text” pattern=”\d*” HTML5からは入力文字をpatternで正規表現を利用して制御できるようになりました。 そこで入力可能文字を数字のみにするとiOSで数字のみのキーボードを出してくれるというものです。 賢いですね。 というわけで、実演 <input type="number"> <input type="tel"> <input type="text" pattern="\d*"> 以下、参考 少しのコードで実装可能な15のスマートフォンサイト用小技集 | Webクリエイターボ
Unheap - A tidy Repository of jQuery Plugins & JavaScripts
Another great gem from Zurb. What if you wanted to make a user aware of a piece of content long before their mouse directly hovers over its element? Perhaps it was a piece of content that a user would have never otherwise hovered over (thus rendering all that CSS you styled on the :hover of your class forever invisible to your user). What is a designer/developer to do? Reactive Listener allows us
[GIF] Float Label Form Interaction
Read the origin story here. I've been experimenting a lot lately with mobile forms. Left aligned, top aligned, placeholder text only, etc. for client projects and personal projects. Placeholder text works great for a simple username and password form, but not so much when there is more information. It's easy to forget which field is which once you've typed into all of the inputs. If you opt for le
![[GIF] Float Label Form Interaction](https://cdn-ak-scissors.b.st-hatena.com/image/square/09e9441a3315ae663496ec6c37ddc62a4cdf81c9/height=288;version=1;width=512/https%3A%2F%2Fcdn.dribbble.com%2Fusers%2F6410%2Fscreenshots%2F1254439%2Fform-animation-_gif_.gif)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://w-fire.com/2013/05/24/%E7%94%BB%E5%83%8F%E3%82%84%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%8B%E3%82%89%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E9%81%B8%E6%8A%9E%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%99/
