superplaceholder.js - アニメーションするPlaceholder MOONGIFT
Placeholderも当たり前のように使われるようになっています。入力部分にあらかじめ文字を出しておくことによって、何を入力すれば良いかを明示できるようになります。ユーザとしても嬉しい仕組みでしょう。 そんなPlaceholderを一歩進めてみたのがsuperplaceholder.jsです。どこがスーパーなのか、それは文字が動く点です。 superplaceholder.jsの使い方 デモです。何を入力すべきか、さらにどんな文字を入れるべきかを明示しています。 フォームでの例です。パスワードの例なども出せます。文字を送る速度も変更可能です。 Placeholderがアニメーションするというのはなかなか斬新で面白いアイディアです。ついつい多くの情報を詰め込んでしまってPlaceholderが読みづらくなってしまうことがあるので、アニメーションによって短い文章を何回かに分けて送信するのも良
Placeholdem // Placeholder Caret Animation
<!-- add placeholder to input or textarea --/> <input name="fieldname" placeholder="Placeholder Value" /> // run Placeholdem on all elements with placeholders Placeholdem( document.querySelectorAll( '[placeholder]' ) ); 2016-11-04 Update This project is no longer being developed or maintained. The effect this plugin gives is visually appealing, but it's a bad practice in terms of usability and acc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
