10 jQueryフォーム - アクセシビリティと機能

このキュレーションされたリストは、フォームのアクセシビリティと機能を強化するために設計されたJQueryフォームスクリプトとプラグインを紹介します。 フォームを最適化し、ユーザーエクスペリエンスを向上させるのに役立つデモが含まれています。 特定のハイライトは＃9で、入力ラベルをデフォルトのフィールド値として巧みに使用します。

関連：jQueryフォーム：30の例とプラグイン

Form Hints 1.0：
1. 説明ヒントを追加して、 title

source

demo

jQueryフォームセレクター：

jQueryのビルトインセレクターを使用してフォーム要素に効率的にアクセスするための簡潔なリファレンスガイド。

source

demo

Web Spinbutton：

単一のテキストボックスを使用してスピンボタンコントロールを作成します。

ソース＆demo

フォームの変更警告：警告プロンプトを実装することにより、未保存のフォームデータを持つページから偶発的なナビゲーションを防ぐ。

source

demo

Twitterの提案ボックス：Twitterスタイルの提案ボックスの簡単な実装。

5. ソース＆demo

unwrongest：

コンテンツに基づいてテキストボックスのサイズを動的に調整するプラグイン。

6. source
demo

7. Clearfield：テキストボックスが空のときに提案を表示するヒントプラグイン。

ソース＆demo

8. 複数の選択フォーム要素を選択します：大規模なチェックリストから複数のアイテムを効率的に選択します。

source

demo フィールド値としてラベルをフォームラベル：

テキストフィールドまたはTextareasのデフォルト値としてフォームラベルを使用します。

source

demo

autosave：定期的に、そしてページを離れる前に、Form ProgressをCookieに自動的に保存します。

source

demo

注：ソースコードとデモへの実際のリンクに、、

を置き換えます。 画像URLは正しいと想定されています

以上が10 jQueryフォーム - アクセシビリティと機能の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。