[B! form] pkfireã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

pkfire id:pkfire

formã«é–¢ã™ã‚‹pkfireã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (16)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹ã¨ãã«è¦‹ã‚‹ã¹ãã‚¨ãƒ³ãƒˆãƒªã¾ã¨ã‚
Form Design ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ ã•ã¦ã•ã¦ã€æœ€è¿‘ã®webã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã¯æœ¬å½“ã«å‡ã£ã¦ã‚‹ã¨ã“ã‚ãŒå¤šãã¦ã€ãŸã ãŸã é–¢å¿ƒã™ã‚‹ã°ã‹ã‚Šã€‚ ãã‚“ãªã‚ã‘ã§ä»Šå›žã¯ã€ç„¦ç‚¹ã‚’ã€Žãƒ•ã‚©ãƒ¼ãƒ ã€ã«é™å®šã—ã€ã‚¹ã‚¿ã‚¤ãƒ«æŠœç¾¤ãªãƒ•ã‚©ãƒ¼ãƒ UIã‚’å‹‰å¼·ã—ã¦ã¿ãŸã„ã€‚ æµã‚Œçš„ã«ã¯ ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³é›†CSSã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®å¤‰æ›´æ–¹æ³•JavaScriptã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†æ„Ÿã˜ã§ãŠé€ã‚Šã„ãŸã—ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ ã¾ãšã¯ã€ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ã‚©ãƒ¼ãƒ ã€‚ ã“ã‚Œã‚‰ã¯ã€webãƒ‡ã‚¶ã‚¤ãƒ³å…¨ä½“ãŒãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãªã£ã¦ã„ã‚‹ã¾ã¨ã‚ã§ã™ã€‚ ã¾ã•ã«ãƒã‚¤ãƒ³ãƒ€ãƒ¼ã€‚ webã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’è¡—é ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆç”¨ç´™ã®ã‚ˆã†ã«ä»•ä¸Šã’ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ã‹ã£ã“ã„ã„ã€‚ ãã—ã‚ƒãã—ã‚ƒã£ã¨ã—ãŸã‚ˆã†ãªç´™ã®ä¸€éƒ¨ã«ãƒ•ã‚©ãƒ¼ãƒ ãŒè¨ç½®ã•ã‚Œã¦ã„ã‚‹ã€‚ ã“ã¡ã‚‰ã‚‚ãƒ¡ãƒ¢ã«åå‰ã‚’æ›¸ãã‹ã®ã”ã¨ãã€‚ æ·±æµ·ã«å…‰ãŒã•ã™æ„Ÿã˜ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã‚¤ã‚ºãƒ™ã‚¹ãƒˆãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆè¨è¨ˆãŒãªã•ã‚Œã¦ã„ã‚‹ã€‚ ï¼‘ï¼Œï¼’ï¼Œï¼“ï¼Œ
pkfire 2009/06/27
*Webåˆ¶ä½œ

*ã¾ã¨ã‚

form

ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³

CSS
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2009/03/form-design-2.html
pkfire 2009/03/28
*Webåˆ¶ä½œ

UI

form

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

*ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[CSS]æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç´ æ•µãªãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆé›†
æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç´ æ•µãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’Css Finestã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ <textarea name="code" class="html" cols="60" rows="5"> <form id=â€searchform1â€³ method=â€getâ€ action=â€" > <input class=â€isearch1â€³ type=â€textâ€ name=â€keywordsâ€ id=â€keywordsâ€ /> <input class=â€ibutton1â€³ type=â€submitâ€ value=â€" /> </form> </textarea>
pkfire 2009/03/04
*Webåˆ¶ä½œ

CSS

UI

form

*ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
http://webdesigntuts.com/web-design/how-to-design-the-perfect-form/
pkfire 2009/02/11
*Webåˆ¶ä½œ

UI

form

*å‚è€ƒ
ãƒªãƒ³ã‚¯
Interface Design Inspiration - 36 Clean Comment Form designs
The Comment form, is an important part of interface design that usually appears at the end of an article. Comment Form shouldÂ have appealing typography, ordered element placement (name, e-mail, etc.), colors which induces the reader to comment. Here are some samples of clean comment forms collected from various websites and blogs. Note: Dzineblog presents you â€œInterface Design Inspirationsâ€œ, a se
pkfire 2008/12/07
*Webåˆ¶ä½œ

form

*ãƒ‡ã‚¶ã‚¤ãƒ³

*å‚è€ƒ
ãƒªãƒ³ã‚¯
Designing The Holy Search Box: Examples And Best Practices â€” Smashing Magazine
On content-heavy websites, the search box is often the most frequently used design element. From a usability point of view, irritated users use the search function as a last option when looking for specific information on a website. If a websiteâ€™s content is not organized properly, an efficient search engine is not only helpful but crucial, even for basic website navigation. In fact, search is the
pkfire 2008/12/07
*Webåˆ¶ä½œ

*ãƒ‡ã‚¶ã‚¤ãƒ³

*å‚è€ƒ

form
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã„ã‚ã„ã‚ - DesignWalker
ä»Šå›žã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã®è¦‹ãŸç›®ã«ã“ã ã‚ã£ã¦ã„ã‚ã„ã‚ã¨ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ç™»éŒ²ã€ãƒã‚°ã‚¤ãƒ³ã€ã‚³ãƒ¡ãƒ³ãƒˆã€æ¤œç´¢ãªã©ãªã©ã„ã‚ã„ã‚ãªå ´é¢ã§ä½¿ã‚ã‚Œã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã‚’ãã‚Œã„ã«è¦‹ã›ã‚‹ã‚¢ã‚¤ãƒ‡ã‚¢ãŒãŸãã•ã‚“ã¤ã¾ã£ã¦ã„ã¾ã™ã€‚ Blog Comment Form Design Showcase | Smiley Cat Web Design ãƒ–ãƒã‚°ã®ã‚³ãƒ¡ãƒ³ãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’é›†ã‚ãŸã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ã§ã™ã€‚ãã‚Œã„ãªãƒ•ã‚©ãƒ¼ãƒ ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ãã€‚ã¾ãŸã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆã§ã¯ã€ä»–ã«ã‚‚ã„ã‚ã„ã‚ã¨ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã¾ã¨ã‚ã‚‰ã‚Œã¦ãŠã‚Šã¾ã™ã€‚ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã‚„ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã€åˆ¥ã®ãƒ–ãƒã‚°ã‚³ãƒ¡ãƒ³ãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚‚å‚è€ƒã«ãªã‚Šã¾ã™ãã€‚ Pattern Tap ç¾åœ¨185ç¨®é¡žã®ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ãŠã‚Šã¾ã™ã€‚ Form Generators, Styling, Inspiration | CSSAddict ãŠã—ã‚ƒã‚Œã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒ•ã‚©ãƒ¼ãƒ ãŒãŸãã•ã‚“ã€‚ Web
pkfire 2008/11/15
*Webåˆ¶ä½œ

form

*ã¾ã¨ã‚

UI

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
[CSS]ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã«åŠé€æ˜Žã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é‡ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
CSSplayã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä½¿ç”¨ã—ãªã„ã§ã€ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã«é‡ãã¦è¡¨ç¤ºã§ãã‚‹åŠé€æ˜Žã®ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³åž‹ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ç´¹ä»‹ã§ã™ã€‚ Multiple sub levels over select boxes iframe fix #3 - transparent å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€ IE6, IE7, Firefox, Safari, Opera and Google Chrome Betaã¨ãªã£ã¦ã„ã¾ã™ã€‚ IE6å¯¾ç–ã¨ã—ã¦ã¯ã€æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆã§table, iframeãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚
pkfire 2008/09/20
*Webåˆ¶ä½œ

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

form

CSS

UI
ãƒªãƒ³ã‚¯
Enhance your input fields with simple CSS tricks : Janko Jovanovic
We're all trying to build an effective and good looking web forms. But there are always a new challenges. If you read my previous articles on how to build a better web forms, you could have noticed there are so many details. Label positioning, context highlighting or justifying elements. But, with just a few simple CSS tricks you can make a usual, boring web forms more effective and exciting. See
pkfire 2008/08/18
*Webåˆ¶ä½œ

form

CSS
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’è¨è¨ˆã™ã‚‹ãŸã‚ã®ãƒªã‚½ãƒ¼ã‚¹é›† -UI Pattern Factory | ã‚³ãƒªã‚¹
UI Pattern Factoryã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’è¨è¨ˆã™ã‚‹éš›ã«å½¹ç«‹ã¤ãƒªã‚½ãƒ¼ã‚¹ã‚’ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã—ãŸã‚µã‚¤ãƒˆã§ã™ã€‚ UI Pattern Factory è©³ç´°ãªè§£èª¬ãŒã‚ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯æ•°å¤šãã‚ã‚Šã¾ã›ã‚“ãŒã€ãã®UIã«ã¤ã„ã¦ã€ã©ã®ã‚ˆã†ãªæ€§è³ªã§ã€ä½•ãŒå¿…è¦ã§ã€æ³¨æ„ã™ã‚‹ç‚¹ã‚’æŒ™ã’ã€ã©ã®ã‚ˆã†ã«å®Ÿè£…ã™ã‚‹ã®ãŒãƒ™ã‚¹ãƒˆã§ã‚ã‚‹ã‹ã€ã¨ã„ã†ã“ã¨ã‚’è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€åŒã‚µã‚¤ãƒˆã®flickrã§ã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚„ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã‚«ãƒ¼ãƒˆã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ãŸãã•ã‚“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®å‚è€ƒã«ãªã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒã‚¯ãƒªãƒƒãƒ—ã•ã‚Œã¦ã„ã¾ã™ã€‚
pkfire 2008/08/04
UI

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

form
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã¡ã‚‡ã“ã£ã¨ã ã‘ä½¿ã„ã‚„ã™ãã™ã‚‹å°æŠ€ã„ã‚ã„ã‚ - IDEA*IDEA ï½ž ç™¾å¼ç®¡ç†äººã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚° ï½ž
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
pkfire 2008/07/18
*Webåˆ¶ä½œ

form

JavaScript

UI
ãƒªãƒ³ã‚¯
ãƒœã‚¿ãƒ³ã‚„ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãªã©ã€OSãƒ»ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³
designers toolboxã§ã¯ã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚„ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã€ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã®ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®Windows XP, Mac OS Xã®IE, Fx, Safariã®å„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’PSDãƒ•ã‚¡ã‚¤ãƒ«ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ OS Form Elements OSã¨ãƒ–ãƒ©ã‚¦ã‚¶ã®çµ„ã¿åˆã‚ã›ã¯ã€ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ XP + IE XP + Fx OS X + Fx OS X + Safari XP: Windows XP OS X: Mac OS X IE: Internet Explorer Fx: Firefox
pkfire 2008/04/20
*Photoshop

form

*Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ–ãƒã‚°ãŒç¶šã‹ãªã„ã‚ã‘ | åˆå¿ƒè€…ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒç°¡å˜ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹ã¨ãã«ã‚„ã‚ŠãŒã¡ãª6ã¤ã®ãƒŸã‚¹
ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã€ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã€ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã®ç”³è¾¼ãƒ•ã‚©ãƒ¼ãƒ ã€‚ Webã«ã¯ã„ã‚ã„ã‚ãªãƒ•ã‚©ãƒ¼ãƒ ãŒã‚ã‚‹ã€‚ Webãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã§ã‚ã‚Œã°èª°ã‚‚ãŒä¸€åº¦ã¯ä½œã£ãŸã“ã¨ãŒã‚ã‚‹ã¨æ€ã†ã€‚ æ–°äººãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®åˆã‚ã¦ã®å®Ÿå‹™ãŒãƒ•ã‚©ãƒ¼ãƒ ã§ã‚ã‚‹ã“ã¨ã‚‚å¤šã„ã ã‚ã†ã€‚ æ–°äººãŒä½œã£ã¦ã„ã‚‹ã¨ã„ã†ã®ã«ã‚‚ã‹ã‹ã‚ã‚‰ãšã€æŠ€è¡“çš„ã«ã‚‚é¢ç™½ã„éƒ¨åˆ†ãŒãªã„ã›ã„ã‹ã€æ£ã—ã„çŸ¥è˜ã®ã‚ã‚‹äººãŒãƒ¬ãƒ“ãƒ¥ãƒ¼ã™ã‚‹ã“ã¨ãŒå°‘ãªã„ã¨æ€ã‚ã‚Œã‚‹ã€‚ å˜ç´”ã•ã‚†ãˆã«ãƒ†ã‚¹ãƒˆãŒä¸è¶³ã—ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚ ä¸Šè¨˜ã®ç†ç”±ã¯æ†¶æ¸¬ã«ã™ãŽãªã„ãŒã€æœæ’°ãªãƒ•ã‚©ãƒ¼ãƒ ãŒãŸãã•ã‚“å‡ºå›žã£ã¦ã„ã‚‹ã®ã¯äº‹å®Ÿã ã€‚ ã‚‚ã†ã€CAPTCHAã®è©±ã¨ã‹ä»¥å‰ã®å•é¡Œã ã€‚ ã‚ˆãè¦‹ã‹ã‘ã‚‹æ‚ªã„ä¾‹ã‚’ç°¡å˜ã«ã‚ã’ã¦ãŠãã€‚æ–°äººãŒåˆã‚ã¦ã®å®Ÿå‹™ã«å½“ãŸã‚‹ã¨ãã«ã“ã‚Œã‚’æ°—ã«ã—ã¦ãã‚Œã‚Œã°ã€ä¸–ã®ä¸ã®ãƒ•ã‚©ãƒ¼ãƒ ãŒã ã„ã¶è‰¯ããªã‚‹ã¨æ€ã†ã€‚ 1. ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰(JavaScript)ã§ã®ãƒã‚§ãƒƒã‚¯ã®ã¿ã€‚ 2. é¸æŠžè‚¢å¼ã®å…¥åŠ›æ¬„ã«å¯¾ã™ã‚‹ãƒã‚§ãƒƒã‚¯ã®æ¼
pkfire 2008/03/06
form

*ãŠè©±

JavaScript
ãƒªãƒ³ã‚¯
ã‚·ãƒ³ãƒ—ãƒ«ã§ã‚«ãƒƒã‚³ã„ã„Facebooké¢¨ã®WEBãƒ•ã‚©ãƒ¼ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
woork: Beautiful CSS Form ã‚·ãƒ³ãƒ—ãƒ«ã§ã‚«ãƒƒã‚³ã„ã„Facebooké¢¨ã®WEBãƒ•ã‚©ãƒ¼ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚µãƒ³ãƒ—ãƒ«ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€ã‚·ãƒ³ãƒ—ãƒ«ã ã‘ã©ã‚«ãƒƒã‚³ã„ã„ãƒ•ã‚©ãƒ¼ãƒ ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ã§ã™ã€‚ å‹•ä½œãƒ‡ãƒ¢ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯æ¬¡ã®ã‚ˆã†ã«ç¶ºéº—ã«ãªã£ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ <div class="box"> <h1>Sign in</h1> <p>Do you have an account? Sign in!</p> <form action="" method="post"> <label><span>E-mail</span> <input type="text"name="em ail" id="em ail" class="input-text"/> </label> <label><span>Password</span> <input type="password"name="psw" id=
pkfire 2008/02/28
form

*Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[CSS]ä½¿ã„ã‚„ã™ã„ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Ÿè£…ã™ã‚‹17ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« | ã‚³ãƒªã‚¹
Styling form controls with CSS, revisited ãƒ•ã‚©ãƒ¼ãƒ ã®å„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®è¡¨ç¤ºã€‚ è¿½è¨˜ï¼š 2008å¹´2æœˆ28æ—¥ ã€Œtext field designsã€ã‚’è¿½åŠ ã€‚
pkfire 2008/02/26
CSS

form

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

*Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã„ã‚ã„ã‚ - DesignWalker
pkfire 2008/01/11
*Webåˆ¶ä½œ

*å‚è€ƒ

*ã¾ã¨ã‚

form
ãƒªãƒ³ã‚¯
1