Tag : フォーム

READ MORE

入力フォームの上にあらかじめ入力例や注意書きを表示する「プレースホルダ(placeholder)」。入力する際の注意書きや入力例などを予め表示しておくことで、ユーザーに優しいUIにすることができます。HTML5ではplaceholder属性という、新たな属性として簡単にプレースホルダを表示できるようになっていますがHT…

READ MORE

今やTwitterで有名になった、入力フォームに文字を入力した際のリアルタイム文字カウント表示。この様なINPUTやTEXTAREAに入力されたテキストの文字数を数えるにはjQueryの「$(●●●●).val().length;」を使うと簡単に取得することが出来るようだったので文字カウント、カウントダウンのいろいろな…

READ MORE

昨日紹介した「jQueryを使って入力フォームでフォーカス時に背景色を変えるスクリプトのサンプル」に引き続き、入力フォーム系で簡単に使えるサンプルSCRIPTの紹介をしてみます。jQueryの「.after()」メソッドを使って、フォーカス時に入力の際の注意文など、メッセージテキストを追加することができる動作について、…

READ MORE

お問い合わせフォームなどで入力する際、入力フォームのフォーカス状態を視覚的に判断させる為にフォーカスされている入力エリアの背景色を変化させるUI(エフェクト?)があります。jQueryを使えばとても簡単に組み込める動作ですが、最近、たまたま業務で立て続けに需要があり、ここでは紹介してなかった動作だったのでサンプル作って…

READ MORE

あまり派手な演出を組み込むと言った物ではないのですが検索の様な扱いで、フォームに文字列を入力して、ページ上にある同じ文字列をハイライト表示するjQueryプラグイン「Spotlight: jQuery replaceText」がいろいろ応用できそうだったのでメモ書きしておきます。Spotlight: jQuery re…

READ MORE

昨年(2010年)に、サイト制作で役立ちそうなjQueryプラグインをまとめて紹介している記事を、自分用にメモっていたものが、まとまりきらなくなってきたので、ここに一部まとめて紹介してみます。jQueryを使ってサイトに華やかな演出を加えたり、UIを勉強するために役立ちそうなサイト(ブログ)のまとめ。60 Useful…

READ MORE

Webサイト上で入力フォームを必要とされる、お問い合わせや資料請求のページなどありますが入力フォームは何かとユーザーにとって煩わしく感じてしまう部分が多々あるもの。そんな入力フォームを、最近ではjQueryを使ってユーザーに優しいインターフェースにするプラグインは多々あります。今回はフォーム系で使えるjQueryプラグ…

READ MORE

ここでもサイト上の入力フォームでjQueryを使ってちょっとした仕掛けを加えて、入力支援をする方法をいくつか紹介してきましたが、そんな入力フォームで使えるjQueryプラグインを50種類集めたエントリー「50 jQuery Plugins for Form Functionality, Validation, Secu…

READ MORE

Twitterなどでも使われている、ページ上の入力フォームの文字数カウント。jQueryベースで簡単に実装できるライブラリが「Css Globe」にて紹介されていたので試してみました。≫jQuery plugin: Simplest Twitter-like dynamic character count for te…

READ MORE

先日、業務の関係でINPUT入力フォームのDisabledを操作するサンプルスクリプトを作ったのでここでも紹介してみます。INPUT入力フォームが2つある場合で、片方のINPUTを入力しないと次のINPUTの入力を認めない場合のサンプル。まず、動作サンプルから↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓---------…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner