タグ別アーカイブ: JavaScript

form-enhancement-tools-04

10 JavaScript と CSS のフォームを拡張するツール

From 10 JavaScript and CSS Tools to Enhance Your Forms

フォームが-ちょうど約すべてのウェブサイトの必須の部分はまだ、我々 は常にあまり atte を払っていません。
その細部に二六三。
いくつかのように、それらを改善するために行うことができます事があります。
検証の追加、定型入力やその他の視覚的なガイド。
それしか表面に傷が。
T彼の最終的な目標は、魅力的で、できるだけ使いやすいようにすることです。
ここでは、10 の無料ツール y です。
ou を使用して、フォームを最高の彼らがすることができます: formbase formbase、CSS/SAS を使用するパッケージフォーム要素に改良された既定のスタイルをもたらすための S。
スタイルは、ブラウザー間で互換性をd は、UX の向上 Foxholder Foxholder は 15 の異なるプレース ホルダーのアニメーションのコレクションあなたのフォームを図る。
ユーザーは、入力操作、アニメーションがトリガーされます。
それはきちんとした wそう、フォーム上の正確な場所彼らができますユーザーが知っていることを保証します。
ダーティー ダーティーです jQueryフォーム フィールドが変更されたときに検出することができますプラグインです。
変更が検出された場合、ユーザーフォームに変更を保存する求められます。
定型入力をフォーム入力データのように日付、電話麻痺ers と超簡単な定型入力を持つユーザーの通貨。
ユーザーが定義した入力を処理するときマスクは、必要な正確な書式を示すフィールドに配置されます。
だけでなくそれはユーザーを表示、必要な形式は、それも確実に入力データが有効であります。
jQuery 検証プラグイン jQuery検証プラグイン フォーム データの検証を支援するための高度なカスタマイズ ツールです。
箱から出して私t には、URL と電子メールの両方の検証がサポートされています。
付属の API を開発者が追加できるようにしても、自身のスピン。
場合、’ より多くの jQuery 検証ライブラリを探して、再このコレクションを見てグローバリゼ-ション。
dependsOn フィールドの依存関係、タスク ユーザーにのみ表示されることを確かめるように最適な検証のことを意味することができますも、それらに関連するフィールド。
dependsOn は jQuery プラグインです。
任意のフォームに依存関係を追加できます。
Choices.js Choices.js を使用して、いくつか追加できます。
非常に魅力的な選択ボックスとテキスト、フォームに機能を入力します。
この軽量、バニラ Javaアクティブ スクリプトを使用して、カスタムの入力テンプレートを作成できます。
ドロップ ダウン メニュー ドロップ ダウンをカスケードをカスケードメニューはユーザーにいくつかのセントを選択する必要のあるフォームが必要な場合の時の最適なソリューションeps。
たとえば、車を選ぶのだと思います。
確認、モデル、年を選択します。
d のように。
Multipicker Multipicker 複数の映像を選択するユーザーの視覚に訴える方法を提供します。
ms (チェック ボックスに似ている) またはリスト (ラジオ ボタンと同様に) 単一の項目。
それは、wi を使用回これらの前述のフォーム要素または HTML 要素も順不同のリストのような。
jQuery のフォームの Pluジンは、jQuery のフォームのプラグインで AJAX を使用する、標準的な HTML フォームをアップグレードします。
プラグイン機能 loフォーム データの送信方法を完全に制御を取ることを許可するオプションの ts。
素晴らしいフォーム Grea を =t UX は偉大に見えるフォームの組み合わせは使いやすいと dat を入力を支援します。
コンバージョン率を向上の結果であります。
あなたの w に上記のツールの 1 つ以上を追加します。
orkflow は、満足のいくまでフォームをもたらすことができます。
ポスト 10 JavaScript と CSS ツール向上のために、フォームはおいたデザイン マガジンに初登場。
関連記事はありません。

コーディング スタート パック プレゼント

From Coding Starter Pack Giveaway

コーディングの基礎知識と生命にあなたの Web デザインを持参! Web デザイン総勘定元帳とフラットアイアン学校があるパートナーレッドは、驚くべきプレゼントを一緒に!5 人の非常に幸運なデザイナーが学ぶ機会を勝つ方法 build 応答性とフラットアイアンの学校とインタラクティブな美しいウェブサイト ’ s コーディングWeb デザイナーのためのスターター パック。
スターター パックは、このコーディング オンライン コースの強力なコンボが含まれていますフラットアイアン学校 ’ s HTML + CSS と Javascript の基礎、200 + の時間を合計するイントロ魅力的で厳しい授業 $2,700 相当! これらのコースでは、y 上のすべてを学ぶことができます。
私たち自身のスケジュールと生活指導サポートのペース。
完了すると、あなたは驚くべきは構築応答性の高い web サイトや (レシピ主催者とブログ サイト) のような豊富なクライアント側アプリケーション。
さらに、学習するために、入手することも経験豊富な講師、1:1 の mentorshi にp と学生の協力的なコミュニティです。
下記より無料登録を獲得する! Co 続きを読む鼎スターター パック プレゼント