Stretchy

JavaScript

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

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

Stretchy

Stretchy

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

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

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

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

関連記事

  1. Flickerplate
  2. justContext.js

    JavaScript

    シンプルなコンテキストメニューを実装できる「justContext.js」

    justContext.jsはjQueryなどを必要とせずに(ピュア …

  3. PreViewTube.js
  4. Responsive Nav

    JavaScript

    レスポンシブ対応の軽量なナビゲーションを実装できる「Responsive Nav」

    レスポンシブ対応のナビゲーションを実装できる「Responsive N…

  5. 3D Portfolio Template

    JavaScript

    立体的に回転するテンプレート「3D Portfolio Template」

    滑らかに、立体的に回転するテンプレートを実装することができる「3D P…

最近の記事

  1. カメラマングローブ Grip Hot Shot III
  2. 包(つつむ)巾着ポーチ
  3. KMC-80BK
  4. 味噌ラーメン〜旨辛にんにく味噌〜

Instagram始めました

Facebookページ

PAGE TOP