CSSスニペット：CSSでinputに入力したらlabelのスタイルが変更されるようにする | かちびと.net
Result :placeholder-shown疑似クラスを使ってlabelのスタイルを入力の有無でスイッチします css.input-label { color: blue; } .input :not(*):placeholder-shown, .input-label {/*入力されたとき*/ color: green; } .input-control:placeholder-shown ~ .input-label {/*入力されてないとき*/ color: red; }html<div class="input"> <input class="input-control" id="input" placeholder="hogehoge" /> <label class="input-label" for="input">入力すると色が変わります</label> </div>
jQuery Novelist Plugin Demo
maxCharacters:100 Character limit. If the limit is not defined, the plugin will try get the value from the 'data-max-characters' attribute of the HTML element. Otherwise, the limit is set to the default value (100). hardLimit:true If set to true, all characters that go over the limit will be truncated. backgroundImage:'' Can be used to customize the background image. backgroundScale:false Should t
綴り違いの単語列を生成する MovableType プラグイン:MissSpelledList
綴り違いの単語列を生成する MovableType プラグイン:MissSpelledList Permalink URL http://www.magicvox.net/archive/2010/03262227/ Posted by ぴろり Posted at 2010/03/26 22:27 Trackbacks 関連記事 (0) Comments コメント (2) Post Comment コメントできます Category 例えば、"CMS" という単語を与えると "XMS,DMS,FMS,VMS,MS,CNS,CJS,…" と云った具合の単語列を返します。文字の揺らぎは QWERTY 配列キーボードのタイプミスを想定し、本来の文字キーの周囲にある文字を用いて、文字列の揺らぎを作り出しています。Google 検索などにあるような「もしかして CMS」を実現するための技術実験の一環
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
