2018年02月9日(金)

フローティングラベルを取り入れたフォームサンプルまとめ「9 Floating Form Label jQuery & JavaScript Plugins」

• 0
• 0
• 0
• 32

webサイトからのお問い合わせなどにフォームを設置しますが、スマートフォンライクの時代となった今、従来のデザインをそのまま取り入れるとタテに長くなってしまう傾向が。そんな状況を解消できる、フローティングラベルを取り入れたフォームサンプルまとめ「9 Floating Form Label jQuery & JavaScript Plugins」を今回は紹介します。

GitHub – Baedda/floating-form-labels: jQuery plugin that makes inline form labels usable again.

プレースホルダの文字が、入力するとタイトルとして浮き出すので、フォーム上に常に配置する必要がなく、長さを軽減することができるサンプルがピックアップされています。

詳しくは以下

author:

Design Develop

http://design-develop.net

デザインを開発するという視点からWEBデザインに役立つ情報を発信しているクリエイティブBLOG

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

2018年に取り入れたい！4つのマーケティング施策に学ぶ売上アップのポイント

         

NEXT ›

               

簡単操作で商品を出品できる！ダウンロード商材も販売可能な「Shopify」の使用方法を解説

関連記事

• 【入門】Bootstrap4の導入方法から使い方までを徹底解説！
• 【2016年の完全保存版！】フリーで使えるjQueryのプラグイン30選
• これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド
• WordPress無料テーマ6選｜後悔しない選び方やインストール方法も解説
• 学習報告キャンペーンのお知らせ（2022/7/1〜）

Ads

デザインを開発するという視点からWEBデザインに役立つ情報を発信しているクリエイティブBLOGDesign Developの記事『フローティングラベルを取り入れたフォームサンプルまとめ「9 Floating Form Label jQuery & JavaScript Plugins」』についてまとめています。

この記事は特にjavascript・jQuery・bootstrap・スマートフォン・LINEについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のDesign Developで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとDesign Developの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。