24の美しいパーソナライズされたHTMLフォームテクニック

Comsharp CMSは次のように書いています。HTMLフォームオブジェクトは、一貫した方法で異なるブラウザでレンダリングされません。 TextboxやTextareaなどの一部のオブジェクトは、CSSを介して異なるブラウザで一貫した外観を取得できますが、CSSを介して外観を制御できない他のほとんどのオブジェクトは、一部のブラウザでは非常にugいものに見えます。この記事では、フォームオブジェクトをパーソナライズする24のテクノロジーを選択します。

チェックボックスはラジオボタンに関連しています

1.）ファンシーフォーム

FancyFormは非常に強力なJavaScriptライブラリで、チェックボックスとラジオボタンの代替品として使用でき、非常に美しいチェックボタンとラジオボタンを生成し、ほぼすべてのブラウザーをサポートできます。このJavaScriptライブラリには、Mootools JavaScriptフレームワークのサポートが必要です。

2.）CRIR：チェックボックスと無線入力の交換

このJavaScriptとCSSの組み合わせは、チェックボックスとラジオボタンをフォームで隠し、チェックボックスとラジオボタンのCSS設定を使用してチェックボックスとラジオボタンをシミュレートできるようにします。フォームの機能は変更されず、チェックボックスとラジオボタンのデータ値を収集することができます。チェックボックスとラジオボタンのタグは、それらの隠されたオブジェクトをトリガーします。

3.）Ryan Faitのカスタムチェックボックスとラジオボタン

このJavaScriptとCSSの組み合わせにより、チェックボックス、ラジオボタンをシミュレートし、独自の画像を使用してリストコントロールを選択できます。この思慮深いJavaScriptライブラリは、ブラウザがJavaScriptを無効にするときに、従来のフォームコントロールを自動的に使用することもできます。

4.）ARC-アダムのラジオ/チェックボックスのカスタマイズ

スクリプトは、チェックボックスとラジオボタンとそのタグをフォームに検出し、発見されると、これらのコントロールをCSSスタイルのグラフィカルタグに置き換えます。

5.）PrettyCheckboxes

6.）jQueryチェックボックス

7.）チェックボックスと放射線ボタンのカスタマイズに使用されるいくつかの記事

• jQueryを使用したカスタムラジオボタン実装
• Slayerofficeカスタムチェックボックス要素
• カスタマイズされたHTMLコントロール：カスタムチェックボックスの作成
• スタイルのフォームコントロール
• 派手なチェックボックスとラジオボタン
• 内部テクニック：カスタムチェックボックス

選択およびドロップダウンボックス（選択 /ドロップダウンボックス）関連

1.）JavaScript画像コンボボックス（JavaScriptグラフィックコンボボックス）

2.）jQueryドロップダウンチェックリスト

3.）アイコンを使用してカスタム選択

4.）Mootoolsを使用したコンボボックス

5.）交換を選択します

6.）より多くのボックスカスタマイズテクノロジー（JavaScriptに基づく）

• McDropdown jQueryプラグイン
• jQueryカスタム選択ボックスv.0.01
• ARC90 ARC90
• control.selectMultiple

より多くのフォーム制御オブジェクト

1.）カスタムフォーム要素（CFE）

カスタムフォーム要素は、さまざまなテクノロジーを組み合わせてXHTML Webフォーム制御オブジェクトを強化し、JavaScriptとCSSに基づいてより美しい効果を実現し、使いやすさとアクセシビリティを向上させます。ほとんどの主流のブラウザをサポートします。

2.）emblematiqニースフォーム

NiceFormsは、ほぼすべてのWebフォームオブジェクトを置き換えることができるJavaScriptライブラリです。デフォルトのテーマを使用することができ、独自のテーマを開発することもできます。

3.）jQueryプラグイン：Jnice

この記事のソース：http：//www.netwaver.com/23/24-html-form-elements-customization-techniques/