HTML ã® label ã‚¿ã‚°ã«å¿…ãšã¤ã‘ãŸã„ CSSCSS ã«1è¡ŒåŠ ãˆã‚‹ã ã‘㧠ラベルã¾ã‚ã‚ŠãŒã¨ã£ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ããªã‚‹ã€‚ 「ãã‚“ãªã‚“当ãŸã‚Šå‰ã€ã¨ã„ã†äººã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã‘ã© Gmail やら Twitter やらã®ãƒã‚°ã‚¤ãƒ³ç”»é¢ã‚’見ãŸã‚‰ 実装ã•ã‚Œã¦ãªã‹ã£ãŸã®ã§ä¸€å¿œã€‚ label ã¨ã„ã†ã®ã¯ãƒ•ã‚©ãƒ¼ãƒ ã®éƒ¨å“ã¨ã‚»ãƒƒãƒˆã§ä½¿ã†ã‚„ã¤ã§ã€ ã‚る部å“ã¨ãã®é …ç›®åã‚’çµã³ã¤ã‘ã‚‹ã‚„ã¤ã。 ↓ã“ã®ã‚ˆã†ãªãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãŒã‚ã‚‹ã¨ã 次回ã‹ã‚‰è‡ªå‹•çš„ã«ãƒã‚°ã‚¤ãƒ³ ↓ã“ã‚“ãªãµã†ã«ãƒ©ãƒ™ãƒ«ã‚’指定ã—ã¦ãŠã㨠<input type="checkbox" id="rememberme"> <label for="rememberme">次回ã‹ã‚‰è‡ªå‹•çš„ã«ãƒã‚°ã‚¤ãƒ³</label> テã‚スト部分ã¨ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãŒé–¢é€£ã¥ã‘られるã®ã§ テã‚ストをクリックã—ãŸæ™‚ã‚‚ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«ãƒã‚§ãƒƒã‚¯ãŒå…¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã。 ã“ã“をクリックã§ãƒã‚§ãƒƒã‚¯å…¥ã‚Œã‚‰ã‚Œã‚‹ã‚ˆ å°ã•ã„ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã‚’
Interface Design Inspiration - 36 Clean Comment Form designs
Googleスプレッドシートをアンケートや応募ã§ä¾¿åˆ©ã«ä½¿ã†æ–¹æ³• - ãƒã‚¿ãƒ•ãƒ«
ã‚ã¨ï¼‘％離脱を減らã™ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ (ユーザビリティ実践メモ)
使ã„ã‚„ã™ã•æ—¥è¨˜: 444. カレンダーã‹ã‚‰æ—¥ä»˜ã‚’é¸ã¶å…¥åŠ›æ–¹å¼
æºå¸¯ã‚µã‚¤ãƒˆã®ãƒ•ã‚©ãƒ¼ãƒ è¨è¨ˆã®ã‚³ãƒ„ (ユーザビリティ実践メモ)
フォームã®ãƒ•ãƒªã‚¬ãƒŠã‚’自動入力ã•ã›ã‚‹AutoRuby.js | ホームページ制作・é‹å–¶ã®ãƒ’ント
IDEA * IDEA
ã™ãã€ãã®å ´ã§ä¿®æ£ã§ãる確èªç”»é¢ (ユーザビリティ実践メモ)
jsmap - JavaScriptã«ã‚ˆã‚‹éƒ½é“府県入力補助
第11回　PCサイトã¨ã“ã‚“ãªã«é•ã†ï¼æºå¸¯ã‚µã‚¤ãƒˆã®ãƒ•ã‚©ãƒ¼ãƒ è¨è¨ˆãƒã‚¤ãƒ³ãƒˆã¨ã¯ | ユーザー視点ã®ã‚¦ã‚§ãƒ–デザインガイド
IDEA * IDEA
æ ªå¼ä¼šç¤¾ãƒ‹ãƒ¼ã‚ºã‚¦ã‚§ãƒ«ã€€ãŠå•ã„åˆã›ãƒ•ã‚©ãƒ¼ãƒ ｜入力
[一般] フォームã®è¨˜å…¥æ¬„ã‚’å°åˆ†ã‘ã«ã—ã¦ã¯ã„ã‘ãªã„ - ã¡ã‚ƒã‚“ã¨Web by H2O Space.
ブãƒã‚°ãŒç¶šã‹ãªã„ã‚ã‘ | åˆå¿ƒè€…プãƒã‚°ãƒ©ãƒžãƒ¼ãŒç°¡å˜ãªãƒ•ã‚©ãƒ¼ãƒ を作るã¨ãã«ã‚„ã‚ŠãŒã¡ãª6ã¤ã®ãƒŸã‚¹
申ã—è¾¼ã¿ãƒ•ã‚©ãƒ¼ãƒ を使ã„ã‚„ã™ãã—ã¦é€”ä¸ã§ã‚ãらã‚る人を減らã™å…·ä½“çš„ãªæ–¹æ³•è«–ã€å¾Œç·¨ã€‘ | カスタマーエクスペリエンスã§é“ã¯é–‹ã‘る～フォレスター・リサーãƒã®Webサイト方法論
変形文å—「CAPTCHAã€ã¯ã‚‚ã†ç„¡æ„味？
検索フォームや見出ã—ãªã©ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’集ã‚ãŸã‚µã‚¤ãƒˆ -Elements of Design | コリス
個人プãƒãƒ•ã‚£ãƒ¼ãƒ«ã‹ã‚‰ã®å¼•ç”¨ã‚’考慮ã—ãŸæºå¸¯ã‚µã‚¤ãƒˆãƒ•ã‚©ãƒ¼ãƒ è¨è¨ˆ (ユーザビリティ実践メモ)
æºå¸¯ã‚µã‚¤ãƒˆã®ãƒ•ãƒªãƒ¼ãƒ¯ãƒ¼ãƒ‰æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹é…ç½®ã®ã‚³ãƒ„ (ユーザビリティ実践メモ)
{{#tags}}- {{label}}
{{/tags}}