æ—¢å˜ã®ãƒ•ã‚©ãƒ¼ãƒ をユーザーã«ä½¿ã„ã‚„ã™ãã™ã‚‹10ã®ãƒã‚¤ãƒ³ãƒˆ10 Tips for Optimizing Web Form Submission Usability [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. å¿…é ˆå…¥åŠ›æ¬„ã¯å¼·èª¿ã™ã‚‹ 2. エラーメッセージã¯åˆ†ã‹ã‚Šã‚„ã™ã 3. クライアントサイドã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ 4. 入力ã—ã¦ã„る欄を明示 5. 進æ—を明示 6. データã®ä¿å˜ã‚„ã‚ャッシュ 7. é€ä¿¡ãƒœã‚¿ãƒ³ã®æ–‡è¨€ 8. ã‚ャンセルボタン 9. 入力例ã®è¨˜è¼‰ 10. åž‚ç›´ã«é…ç½® 1. å¿…é ˆå…¥åŠ›æ¬„ã¯å¼·èª¿ã™ã‚‹ ユーザーã¯ãƒ•ã‚©ãƒ¼ãƒ ã«å…¥åŠ›ã—ãŸå¾Œã«å…¥åŠ›ãƒŸã‚¹ãƒ»ã‚¨ãƒ©ãƒ¼è¡¨ç¤ºãŒã‚ã‚‹ã¨ã€ä¸å®‰ã‚’æ„Ÿã˜ãŸã‚Šã‚¤ãƒ©ã‚¤ãƒ©ã‚’募らã›ã‚‹ã§ã—ょã†ã€‚ã¾ãšã¯ã€å…¥åŠ›æ¬„ã«ã€Œå¿…é ˆã€ã€Œä»»æ„ã€ãªã©ã‚’記載ã—ã¦ã€å…¥åŠ›æ¬„ãŒå¿…é ˆãªã®ã‹ä»»æ„ãªã®ã‹ã‚’明示的ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¼ãˆã‚‹ã®ã¯å®‰å…¨ãªæ–¹æ³•ã¨ãªã‚Šã¾ã™ã€‚ 2. エラーメッセージã¯åˆ†ã‹ã‚Šã‚„ã™ã フォームã®ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã¯ã€ã€Œã‚ãªãŸãŒä¸‹ã«å¿…è¦ã¨ã•ã›ã‚‹ãƒ•ã‚£ãƒ¼
1ã¤ã®selectボックスã«é€£å‹•ã•ã›ã¦2個目ã®selectボックスã®å†…容を変ãˆã‚‹jQueryサンプル:phpspot開発日誌
Web デザイナーã§ã‚‚15分ã§ãƒ•ã‚©ãƒ¼ãƒ ãŒä½œã‚Œã‚‹ phpform ã®ä½¿ã„æ–¹ | ウェブル
クライアントã«é ¼ã¾ã‚Œã‚„ã™ã„機能を補ãˆã‚‹WordPressプラグインã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
Tripwire Magazine | Handpicked goodies for entrepreneurs, developers and web designers
ã€HTML5】HTML5ã§è¿½åŠ ã•ã‚ŒãŸformã®æ–°è¦ç´ ã‚’ã„ã‚ã„ã‚ãªãƒ–ラウザã§è©¦ã—ã¦ã¿ãŸ : アシアルブãƒã‚°
ãƒãƒƒã‚¯ã‚’解除ã—ãªã„ã¨é€ä¿¡ä¸å¯èƒ½ã«ã™ã‚‹JavaScript「slideLockã€
AJAXã¨CSSã§ä½œã‚‹ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªãƒ•ã‚©ãƒ¼ãƒ 集「Astounding Ajax/CSS Forms: 30+ Modern Trendsã€
PHPã§èª°ã§ã‚‚ç°¡å˜Webサービス製作ï¼ã§ãªã‚“ã‹ä½œã£ã¦å…¬é–‹ã—ãŸå¥´ã¡ã‚‡ã£ã¨æ¥ã„ - 甘味志å‘ï¼ ã¯ã¦ãª
IDEA * IDEA
[JS]フォームã®å…¥åŠ›ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’表示ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Sexy Forms
ファンシーãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã„ã„æ„Ÿã˜ã®Ajax＆PHPãªã‚³ãƒ³ã‚¿ã‚¯ãƒˆãƒ•ã‚©ãƒ¼ãƒ 作æˆã‚µãƒ³ãƒ—ル:phpspot開発日誌
é•·ã£ãŸã‚‰ã—ã„フォームをウィザードã«ã—ã¦æŠµæŠ—ã‚’å°‘ãªãã™ã‚‹jQueryサンプル:phpspot開発日誌
IDEA * IDEA
Pretty checkboxes with jQuery | Aaron Weyenberg
アクセシブルã§ã€ç¾Žã—ã„フォームを実装ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† | コリス
ドãƒãƒƒãƒ—ダウンメニューをjQueryを使ã£ã¦ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ–¹æ³• – creamu
AjaxMail：Ajaxを活用ã—ãŸãƒ•ãƒªãƒ¼PHPメールフォーム
都é“府県é¸æŠžã™ã‚‹ã‚„ã¤ã€‚
CSSã§ãƒœã‚¿ãƒ³ã‚’綺麗ã«ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ã‚µãƒ³ãƒ—ル集:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}