jCleverはスマートなjNiceであり、優れた機能を備えています。 HTMLフォームのスタイル設定

記事およびプラグインの著者はDenisZです

jClever Formsは、独自のAPIを提供するHTMLフォームをスタイリングするためのプラグインです。

jNice 、 jqTransform 、 Uniformが自転車を書くことを余儀なくされるようなフォームのスタイリストの経験。 現在のバージョンは、jNiceの機能をほぼ完全に繰り返し、さらにそれらを補完します。


プラグイン機能：

• スクロールバーを含むタイプ選択（ドロップダウンリスト）のフォーム要素の様式
• チェックボックス（フラグ）などのフォーム要素の様式
• ラジオボタンフォーム要素（ラジオボタン）の様式
• リセットフォーム（リセット方法）
• プラグインを無効にする（破棄メソッド）
• フォーム要素のコレクションを操作する（selectCollection）
• 直接的なドロップダウンリスト管理（selectSetPositionメソッド）
• チェックボックスの直接制御（checkboxSetStateメソッド）
• ラジオボタンの直接制御（radioSetStateメソッド）

プラグインの現在の実装には、テキストフィールド（入力タイプテキスト）および複数行のテキストフィールド（textarea）の処理は意図的に含まれていません。 原則として、それらの処理と様式化は困難を引き起こしません。 おそらくプラグインの将来のバージョンでは、このアプローチは改訂されるでしょう。

初期化は最も単純で、フォームにjCleverなどのクラスを追加するだけです。

<form action="#" method="get" class="jClever">

セレクターでプラグインを初期化します：

jQuery('.jClever').jClever();

プラグインページ： http : //tools.alterego-russia.ru/jclever

デモはここで見ることができます： http : //tools.alterego-russia.ru/jclever/example/index.html

Githubプロジェクト： https : //github.com/denis-zavgorodny/jClever

ドキュメント： http : //tools.alterego-russia.ru/jclever/#docs

UPD：

• フォーム要素を移動すると、アクティブな要素の選択が追加されます
• 選択（開く、閉じる）、キーボードからの選択の移動[上/下]、Enter、TabおよびSpaceの処理の修正された動作。 選択範囲内を移動した後のスクロールの自動スクロール（コメントをありがとうmerkuriyに感謝）