第13回　今ã™ãã§ãã‚‹ï¼ãƒ¦ãƒ¼ã‚¶ãƒ“リティをå‘上ã•ã›ã‚‹ãƒ•ã‚©ãƒ¼ãƒ æ“作実践（5）デザインã•ã‚ŒãŸãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’実装ã™ã‚‹ | gihyo.jpã‚‚ã£ã¨ä¾¿åˆ©ã«ï¼jQueryã§ãƒ©ã‚¯ãƒ©ã‚¯ã‚µã‚¤ãƒˆåˆ¶ä½œï¼ˆå®Ÿè·µã‚µãƒ³ãƒ—ル付ã） 第13回今ã™ãã§ãã‚‹ï¼ãƒ¦ãƒ¼ã‚¶ãƒ“リティをå‘上ã•ã›ã‚‹ãƒ•ã‚©ãƒ¼ãƒ æ“作実践（5）デザインã•ã‚ŒãŸãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’実装ã™ã‚‹ 今回ã¯é¸æŠžä¸èƒ½ã¨ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãªã©ã‚’デザイン å‰å›žã¯ç–‘似セレクトボックスã®åˆ©ç”¨ã«ã‚ˆã£ã¦ã€ã‚»ãƒ¬ã‚¯ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã™ã‚‹æ–¹æ³•ã‚’ã”紹介ã—ã¾ã—ãŸã€‚今回ã¯ä¼¼ãŸã‚ˆã†ãªã“ã¨ã¨ã—ã¦ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã¨ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã™ã‚‹æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ ãã‚Œã¨ä»Šå›žã¯ãã®å‰ã«ã€disabledを利用ã—ã¦ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›ã‚’制é™ã™ã‚‹æ–¹æ³•ã¨ã€ãれをJavaScriptã«ã‚ˆã£ã¦ã€åˆ‡ã‚Šæ›¿ãˆã‚‹æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ ã¾ãšã¯å®Œæˆã‚µãƒ³ãƒ—ルをã¿ã¦ãã ã•ã„。 é¸æŠžä¸èƒ½çŠ¶æ…‹ã«ã—ã¦ãŠãã«ã¯ã€HTMLã«ã€Œdisabled="disabled"ã€ã‚’入れるã¨ã§ãã¾ã™ï¼ˆæ¬¡ã®ã‚µãƒ³ãƒ—ルå‚ç…§â ）â 。ã—ã‹ã—ã€ãれをé¸æŠžå¯èƒ½çŠ¶æ…‹ã«ã™ã‚‹ã«ã¯JavaScriptã§æ“作ã™ã‚‹ã—ã‹
リアルタイムフォームãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ jQuery.validation.js :: 5509
リアルタイムã«å…¥åŠ›ãƒã‚§ãƒƒã‚¯ - jQuery Inline Form Validation Engine - | ãƒã‚·ãƒ£ãƒã‚°ã€‚
input è¦ç´ ã® disabled 属性㨠readonly 属性ã®é•ã„
20 Great Sign Up Form Examples to Learn From
selectボックスをシンプルãªãƒ—ルダウンã«æ‹¡å¼µã™ã‚‹jQselectable(jQuery.selectable.js) :: 5509
ã‹ã£ã“ã„ã„WordPressã®ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ デザインã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
IDEA * IDEA
{{#tags}}- {{label}}
{{/tags}}