Stretchy

JavaScript

入力した文字数に合わせて可変するフォーム実装「Stretchy」

Stretchyは入力した文字数に合わせてボックスが伸び縮みするフォームを実装できます。自分の入力内容が見えなくなって困るという問題をうまく解決してくれるので、ユーザーにとってはうれしい機能ですね。

Stretchy

Stretchy

テキストボックスやテキストエリアに文字を入力していくと、それに合わせてボックスのサイズが可変していきます。

途中で文字が隠れることがないので、非常に入力しやすいですね。

また、セレクトボックスも選択した項目に合わせて可変します。

シンプルですが、あるととても助かる機能です。というわけで、フォームの利便性を高めたい方にはオススメです。

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでマウスオーバーした時に要素を全体的に拡大するやつを作ってみる

    すごくどうでもいい内容なんですが、ちょっとやってみたかったので素人なが…

  2. GridTab

    JavaScript

    グリッドベースのレスポンシブなタブを実装できるjQueryプラグイン「GridTab」

    GridTabはグリッドベースによるレスポンシブに対応したタブを実装す…

  3. anchor.js

    JavaScript

    ページ内リンクをスムーズにスクロール移動できるjQueryプラグイン「anchor.js」

    anchor.jsはページ内リンクをスムーズなスクロールで移動すること…

  4. Crosscover

    JavaScript

    多彩なアニメーションがいい!シンプルで使いやすいjQueryイメージカルーセル「Crosscover…

    Crosscoverはシンプルで多彩なアニメーションが魅力的なイメージ…

  5. Combodate

    JavaScript

    日付や時間をドロップダウン式にしてくれる「Combodate」

    Combodateは日付や時間の入力をドロップダウン式に置き換えてくれ…

  6. no-image

    JavaScript

    フルスクリーンによるjQueryモーダルウィンドウ実装「FullMod」

    FullModはフルスクリーンによるモーダルウィンドウを実装できるjQ…

最近の記事

  1. NIB2600
  2. Anker PowerPort Atom PD 4
  3. USB-2H401BKN
  4. Dyson Pure Cool Me

アーカイブ

PAGE TOP