複雑ãªæ¤œç´¢å¼ç‰ã‚’入力ã™ã‚‹éš›ã«æœ€é©ãªUIã‚’æä¾›ã§ãる「structured-filterã€:phpspot開発日誌structured-filter Demo 複雑ãªæ¤œç´¢å¼ç‰ã‚’入力ã™ã‚‹éš›ã«æœ€é©ãªUIã‚’æä¾›ã§ãる「structured-filter〠åå‰ãŒã€œã§ã€é›»è©±ç•ªå·ãŒâ—‹â—‹ã€ã¨ã„ã†æ¤œç´¢å¼ã‚’入れãŸã„å ´åˆã«ã€æ²¢å±±ã®å…¥åŠ›æ¬„ã‚’ãšã‚‰ãšã‚‰ã¨ä¸¦ã¹ã‚‹ã®ã¯ã‚¹ãƒžãƒ¼ãƒˆã§ã¯ãªã„ã§ã™ã。 ã“ã¡ã‚‰ã®jQueryプラグインを使ãˆã°ã€è¤‡é›‘ãªæ¤œç´¢å¼ã‚’ã„ã„æ„Ÿã˜ã®UIã§å…¥åŠ›ã§ãã¾ã™ 関連エントリ フォームã«ã¦å…¥åŠ›ã®å…¥åŠ›UIã‚’è¿½åŠ ã§ãる「jquery.signfield〠フォームè¦ç´ をフラットã‹ã¤å…¨ãƒ‡ãƒã‚¤ã‚¹ã§çµ±ä¸€ã•ã›ã‚‹jQueryプラグイン「Formplate〠フォームã§ã®æ´—ç·´ã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã¸ã®ã‚¿ã‚°ä»˜ã‘UI実装jQueryプラグイン「taggingJSã€
検索ページç‰ã§è©³ç´°ãªæ¤œç´¢æ¡ä»¶ã‚’指定ã™ã‚‹éš›ã®UIãŒä½œã‚Œã‚‹jQueryプラグイン「QueryBuilderã€:phpspot開発日誌
入力フォームã®ãƒ—レースホルダーを使ã£ã¦ã¯ã„ã‘ãªã„
ãã“ãã“ユーザビリティã®é«˜ã„フォームを作ã£ãŸ
[JS]セレクトボックスã®ä½¿ã„å‹æ‰‹ã‚’パワーアップã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Select2
フォーム周りã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’見やã™ã„インターフェースã«å¤‰æ›´ã§ãã‚‹jQueryプラグイン・jNiceItã¨ã€ä¼¼ãŸã‚ˆã†ãªã‚„ã¤ä½•å€‹ã‹ - ã‹ã¡ã³ã¨.net
独自デザインã®ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ãƒ»ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’超簡å˜å®Ÿè£…ã§ãã‚‹jQueryプラグイン:phpspot開発日誌
jQueryベースã®Webフォームライブラリ「jFormerã€
フォームã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç”¨jQueryプラグインã„ã‚ã„ã‚+α
[JS]フォームã®é …目をユーザーãŒè¿½åŠ ・削除ã§ãるよã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -SheepIt!
[CSS]フォームã®ãƒœã‚¿ãƒ³ã®ã‚¯ãƒªãƒƒã‚¯æ™‚ã®ç‚¹ç·šã‚’消去ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
IDEA * IDEA
[CSS]モãƒã‚¤ãƒ«ç«¯æœ«ã«ã‚‚対応ã€ãƒ–ラウザã”ã¨ã«ç•°ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ•ã‚©ãƒ¼ãƒ を美ã—ãã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Formalize CSS
使ã„ã‚„ã™ã„フォームを実装ã™ã‚‹ãŸã‚ã®10ã®ãƒã‚¤ãƒ³ãƒˆ | コリス
[JS]フォームã®å…¥åŠ›ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’表示ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Sexy Forms
é•·ã£ãŸã‚‰ã—ã„フォームをウィザードã«ã—ã¦æŠµæŠ—ã‚’å°‘ãªãã™ã‚‹jQueryサンプル:phpspot開発日誌
ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚„テã‚ストボックスをトゥーン調ã«ã™ã‚‹ã‚µãƒ³ãƒ—ルフォーム:phpspot開発日誌
スタイリッシュãªãƒ•ã‚©ãƒ¼ãƒ を作るã¨ãã«è¦‹ã‚‹ã¹ãエントリã¾ã¨ã‚
JavaScriptã§HTMLフォームã®åŠ‡çš„ビフォアアフター「Jqtransformã€:phpspot開発日誌
http://www.designwalker.com/2009/03/form-design-2.html
{{#tags}}- {{label}}
{{/tags}}