jQueryを使って入力フォームにサンプル文字を入れておき、フォーカスで消すスクリプト
入力フォームに何を入力していいのか、 あらかじめサンプルを入力しておくのがいいと言われます。 でも、valueとしてあらかじめ文字を入力しておくと、 入力しようとするときにいちいち消す必要があるので面倒です。 なので、最初はサンプル文字をいれておき、 入力部分にフォーカスがいったときにそれを消すスクリプトを作ってみました。 ◆スクリプト $(function(){ $("input").val("キーワードを入力") .css("color","#969696"); $("input").focus(function(){ if(this.value == "キーワードを入力"){ $(this).val("").css("color","#000"); } }); $("input").blur(function(){ if(this.value == ""){ $(this).val(
フォームのデザインと機能を改善するためのツール7選 – creamu
フォームをデザイン的に、かつシステム的によくしたい。 そんなときにおすすめなのが、『Useful resources to improve the look and features of HTML Forms』。フォームのデザインと機能を改善するためのツール7選だ。 以下にいくつかご紹介。 » Spry Validation Widget Adobe Labsから提供されているウィジェット。Spryを使用し、バリデーションしてくれる » Javascriptkit HTML Form articles たくさんのフォームサンプルが見つかる » Zend_Form PHPプログラマなら見ておきたいZend Frameworkのコンポーネント » Cusomselect jQuery plug-in セレクトフォームのそれぞれにアイコンをつけたいときに使えるjQueryプラグイン » Moo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
