WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Forms

plum.Form - A jQuery Form Styling Tool

— アドオンWorldWideScripts.netへ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


plum.Form - jQueryのフォームスタイリングツール - 販売のためのWorldWideScripts.netアイテム

Ads

Ad: Bluehost hosting

これらの過去数ヶ月質問を左のコメントを持っているすべての人、そして将来的に質問をすることができる人に:あなたが助けを必要とすれば、私のプロフィールページから、私にメールしてください。私はかなり忙しかったし、ちょうど軌道に戻って取得しています。電子メールは私はあなたを助けるためにするための最速の方法です。 。

。現在のバージョン: 1.5.2 、 2012年1月15日

。 plum.formは退屈Webフォームの境界をステップオーバーする必要があり、設計のための最適なツールです。それは、美しい外観とあなたのウェブサイトに余分な機能を追加完璧フォームを作成するプロセスを簡素化します。 。

。それはどのように動作しますか?

JavaスクリプトのビットといくつかのCSS以外の、あなたが必要とする余分な本当に何もありません。プラムは、フォームまたは個々のフォーム要素にその力を当て、その場でHTMLラッパーを作成します。代わりに不器用なドロップダウンメニューをいじるのではなく、単純なHTMLで動作する基本的なCSSクラスを使用することができます。必要なのはフォームです。

<form action="" method="post" enctype="multipart/form-data">
    <input name="box1[]" type="checkbox" value="1">
    <input name="box2[]" type="checkbox" value="2">
    <input name="box3" type="radio" value="1">
    <input name="box3" type="radio" value="2">
    <input name="files[]" type="file">
    <select name="menu">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
    <input type="submit">
</form>

。ターゲットにし、すべての要素について、プラムは、CSSでスタイルすることができます"ラッパー"を作成します。そのラッパーは、 "選択" 、 "ファイル" 、または"入力チェックボックスを無効に"のような、非常に基本的な、思い出に残るクラス名が与えられます。プラムは、クラス名として要素の型を使用するため、特定のフィールドに特別なスタイルを追加することができます。たとえば、 "検索"クラス(使用。。 <input type="search">持っている分野への素敵なアイコンが追加される場合があり).

plum.Formの基礎側面は、シンプルです。それはあなたが定期的にWebフォームのすべての機能を保持することを意味スタイリングツール、以上のものではありません。キーボード·ナビゲーションは、まだあなたのようにサーバーにデータを送り返すん、 (選択分野に焦点を当てながら、オプションの値を入力することを含む)を動作します。梅は、すべてが素敵な外観と雰囲気の余分なタッチを追加するためだけに存在する。 。

。特徴

  • 。 1.4で新しい。。 AJAX対応:一度だけ呼び出されるプラムニーズ。ページに追加された要素は、その後自動的にプラム。
  • を介して実行されています。余分なHTMLマークアップは必要ありません。
  • が。小さなファイルサイズ!縮小、 plum.Formは、 20 KBの下にある
  • ファイル入力フィールド、ドロップダウン(選択)メニュー、チェックボックス、ラジオボタン、ボタン、およびテキストとパスワードのフィールドを含むフォームのスタイルは、すべての部分、 。
  • 。 。なし、すべて、混合(一部がチェック、一部ではない)
  • :複数の状態でボックスグループをチェックし対応しています。焦点にフェードと入力。
  • ながら非表示にすることで、フィールドのラベル。事前に定義されたチェック(電話# 、メールアドレスやコンテンツの長さ)と同様に、カスタムメソッドを持つフォーム検証。
  • 。複数ファイルのアップロードをサポートしています。
  • は。ファイルは、 AJAX 。
  • を通じてアップロードすることができます。 HTML5のブラウザはAJAXファイルのアップロードにプログレスバーを表示することができます。
  • 。特定の種類、サイズ、量にファイルのアップロードを制限
  • 標準のフォーム機能を保持しています。 plum.Formサポートし、[Tab]キーを持つ要素に焦点を当て、オプション名を入力するか、矢印キーを使って選択し、メニューをナビゲート
  • が。セレクトメニューをカスケードがサポートされます。
  • は。新しいフォームのスキンを作成することが簡単にカスタマイズ。
  • が。豊富なドキュメント。
  • 。簡単な使用方法: 、インクルードファイルをフォームをターゲットに、すれば完了です! 。

。ブラウザのサポート。

  • 。 Mozilla Firefoxの3以降。
  • 。 AppleのSafari 3以降。
  • 。 Google Chromeの。
  • 。オペラ10以降。
  • 。マイクロソフトのInternet Explorer 7以降。

。ありがとう!

このような支援的コミュニティの助けを借りず、 plum.Formは日の光を見たことはなかっただろう。バグや機能要求の報告すべての人に非常に特別な感謝。 。

ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

最終更新:
25 8月12日、 、互換性のあるブラウザ

:
7 6月11日作成されたソフトウェアのバージョンを

キーワード

Ajaxのフォームは, すべてをチェックし, チェックボックスグループ, フォーム, フォームのCSS, フォームスタイラー, フォーム検証, インフィールド·ラベル, jqueryのフォームを, 検証