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

Quadrifogrio id:Quadrifogrio

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

${{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}}

label ã®ã‚¹ã‚¹ãƒ¡ | d-spica
label ã®ã‚¹ã‚¹ãƒ¡ 2008-07-29 0 0 XHTML/CSS CSS, label, XHTML labelè¦ç´ ã¨ãã®æŒ™å‹• | Webæ¨™æº–Blog | ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹ ã“ã‚Œã‚’èªã‚“ã§ã„ã¦ï¼Œã¼ããŒã‚„ã£ã¦ã„ã‚‹ã“ã¨ã‚’ã¡ã‚‡ã£ã¨ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã„ã¾ã—ãŸã€‚ label ã®åƒã ãŠåå‰ <input type="text" name="name" id="name" size="20" /> ã“ã®ã‚ˆã†ãªå ´åˆï¼Œã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«æœ¬ä½“ã§ã‚ã‚‹ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹<input type="text" ... />ã¨ãã®èª¬æ˜Žã§ã‚ã‚‹ã€ŒãŠåå‰ã€ã¨ã„ã†ãƒ†ã‚ã‚¹ãƒˆã¯ï¼Œéš£åŒå£«ã«ä¸¦ã‚“ã§ã¯ã„ã‚‹ã‘ã‚Œã©ï¼Œå¯¾å¿œã—ã¦ã„ã‚‹ã“ã¨ãŒã¯ã£ãã‚Šãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ labelè¦ç´ ã‚’ä½¿ã£ã¦ï¼Œæ¬¡ã®ã‚ˆã†ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã“ã¨ã§ï¼Œã€ŒãŠåå‰ã€ã¨ã„ã†ãƒ†ã‚ã‚¹ãƒˆã¨ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ã‚’ã¯ã£ãã‚Šé–¢é€£ã¥ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚labelè¦ç´ å†…ã®ãƒ†ã‚ã‚¹ãƒˆãŒ
Quadrifogrio 2009/10/13
form

CSS

tips

å‚è€ƒ
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã¨ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ -- ã”ãç°¡å˜ãªHTMLã®èª¬æ˜Ž
ãƒ•ã‚©ãƒ¼ãƒ ã¯ãƒ†ãƒ¼ãƒ–ãƒ«ã¨åŒæ§˜ã€è¦–è¦šçš„ãªè¡¨ç¾ã‚’ä¼´ã‚ãªã„ã¨ç†è§£ã—ã«ãã„ã¨ã“ã‚ãŒã‚ã‚Šã¾ã™ã€‚HTML4.0ã§ã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å„è¦ç´ ã¨ãƒ©ãƒ™ãƒ«ï¼ˆèª¬æ˜Žçš„ãªåå‰ï¼‰ã‚’çµã³ã¤ã‘ã‚‹æ‰‹æ®µã‚„ã€è¦ç´ ã‚’ã‚°ãƒ«ãƒ¼ãƒ—åŒ–ã™ã‚‹æ‰‹æ®µãŒæä¾›ã•ã‚Œã¾ã—ãŸã€‚ã“ã‚Œã‚‰ã‚’ä½¿ã†ã¨ãƒ•ã‚©ãƒ¼ãƒ ã®å†…å®¹ã‚’è«–ç†çš„ã«æ§‹é€ åŒ–ã§ãã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨ã®çµ„åˆã›ã§è‡ªåœ¨ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚å¯èƒ½ã«ãªã£ã¦ãã¾ã™ã€‚ã¾ã æœªå¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶ãŒå¤šã„è¦ç´ ã§ã™ãŒã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é…æ…®ã—ãŸãƒšãƒ¼ã‚¸ã¥ãã‚Šã®ãŸã‚ã«ã‚‚ã€ã“ã®ã‚ˆã†ãªæ©Ÿèƒ½ãŒã‚ã‚‹ã“ã¨ã‚’ãœã²ç†è§£ã—ã¦ãŠã„ã¦ãã ã•ã„ã€‚ ç›®æ¬¡ï¼š ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã«ãƒ©ãƒ™ãƒ«ã‚’ä»˜ã‘ã‚‹ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’ã‚°ãƒ«ãƒ¼ãƒ—åŒ–ã™ã‚‹ ãƒ¡ãƒ‹ãƒ¥ãƒ¼é …ç›®ã®ã‚°ãƒ«ãƒ¼ãƒ—åŒ– ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã«ã‚ˆã‚‹é …ç›®ç§»å‹• å–ã‚Šä¸Šã’ã‚‹è¦ç´ ï¼š label fieldset legend optgroup ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã«ãƒ©ãƒ™ãƒ«ã‚’ä»˜ã‘ã‚‹ ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ï¼ˆãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ï¼‰ã¯ã€nameå±žæ€§ã‚’æŒã¡ã¾ã™ãŒã€ãã‚Œã¯é€ä¿¡ãƒ‡ãƒ¼ã‚¿ã«å
Quadrifogrio 2009/10/13
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

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

form

è³‡æ–™

å‚è€ƒ
ãƒªãƒ³ã‚¯
Tableless Contact Form sample02
ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½¿ã‚ãªã„ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚µãƒ³ãƒ—ãƒ«ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ–ãƒ«ãƒ¼ç³»ã€‚ã‚¿ãƒ–ã£ã½ã„ãƒ©ãƒ™ãƒ«ã€‚ Checked(win):IE6,IE7,FireFox2,Opera9,Safari Macæœªç¢ºèªã€‚ <fieldset> <legend>Contact details</legend> <form action="" method="post" class="form" id="contactf orm"> <ul> <li><label for="company">ä¼šç¤¾å</label> <div><input name="company" type="text" id="company" size="50" /></div></li> <li><label for="name">ãŠåå‰ï¼ˆã”æ‹…å½“è€…åï¼‰</label> <div><input name="name" type="text" id
Quadrifogrio 2009/04/13
form

Demo

éƒ¨å“
ãƒªãƒ³ã‚¯
AjaxMailï¼šAjaxã‚’æ´»ç”¨ã—ãŸãƒ•ãƒªãƒ¼PHPãƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’å‹•çš„ãªãƒšãƒ¼ã‚¸ã«å¤‰æ›´ã—ãŸã„ã€æ©Ÿèƒ½ã‚’æ‹¡å¼µã—ãŸã„ã¨æ€ã£ãŸã‚‰ã€ Ajaxã®ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã£ã¦ç°¡å˜ã«æ©Ÿèƒ½ã‚’æ‹¡å¼µã—ã¦ã¿ã‚ˆã†ã€‚ ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’é‹å–¶ã™ã‚‹ã¨ãã€ã‚µã‚¤ãƒˆã‚’è¦‹ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ã‚³ãƒ¡ãƒ³ãƒˆã‚’æ®‹ã—ã¦ã‚‚ã‚‰ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€ä¼æ¥ãªã‚‰é€£çµ¡æ–¹æ³•ã¨ã—ã¦ãƒ¡ãƒ¼ãƒ«ã®é€ä¿¡ãŒã§ãã‚‹ã‚ˆã†ã«ã€ãƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç”¨æ„ã—ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã†ã—ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ã‚’Ajaxã‚’ä½¿ã£ã¦å°Žå…¥ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
Quadrifogrio 2008/10/09
Ajax

PHP

form
ãƒªãƒ³ã‚¯
ã¾ãã¾ãï¼ã‹ã‚“ãŸã‚“ãƒ•ã‚©ãƒ¼ãƒ - ã¾ãã¾ãï¼
ãƒ•ã‚©ãƒ¼ãƒ ã®é …ç›®ã¨ãƒ•ã‚©ãƒ¼ãƒ ã‚¿ã‚¤ãƒˆãƒ«ã‚’è¨å®šï¼ ãƒ•ã‚©ãƒ¼ãƒ ã«æŠ•ç¨¿ã•ã‚ŒãŸå†…å®¹ã‚’å—ã‘å–ã‚‹ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’è¨å®šï¼ ç™»éŒ²ã—ãŸãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹å®›ã«å±Šã„ãŸURLã‚’ã‚¯ãƒªãƒƒã‚¯ï¼ ã¾ãšè¦ç´„ã‚’ãŠèªã¿ä¸‹ã•ã„ã€‚å†…å®¹ã‚’ã”ç¢ºèªã„ãŸã ã„ãŸå¾Œã€ã€Œè¦ç´„ã«åŒæ„ã™ã‚‹ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã¦ãã ã•ã„ã€‚ ã¾ãã¾ãï¼ã‹ã‚“ãŸã‚“ãƒ•ã‚©ãƒ¼ãƒ åˆ©ç”¨è¦ç´„ 1. æœ¬è¦ç´„ã¯ã€ã¾ãã¾ãï¼ã‹ã‚“ãŸã‚“ãƒ•ã‚©ãƒ¼ãƒ ï¼ˆä»¥ä¸‹ã€Œæœ¬ã‚µãƒ¼ãƒ“ã‚¹ã€ã¨ã„ã†ï¼‰ã«è‡ªã‚‰ã®ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’ç™»éŒ²ã—ã€æœ¬ã‚µãƒ¼ãƒ“ã‚¹ã‚’åˆ©ç”¨ã™ã‚‹è€…ï¼ˆä»¥ä¸‹ã€Œåˆ©ç”¨è€…ã€ã¨ã„ã†ï¼‰ã«é©ç”¨ã•ã‚Œã‚‹ã‚‚ã®ã¨ã—ã¾ã™ã€‚ 2. åˆ©ç”¨è€…ã¯ã€æ¬¡ã®è¡Œç‚ºã‚’ã—ã¦ã¯ãªã‚‰ãªã„ã‚‚ã®ã¨ã—ã¾ã™ã€‚ (1) ä»–äººã®åèª‰ã¾ãŸã¯ä¿¡ç”¨ã‚’æ¯€æã™ã‚‹ã“ã¨ã€ä»–äººã‚’èª¹è¬—ä¸å‚·ã™ã‚‹ã“ã¨ (2) ä»–äººã®çŸ¥çš„è²¡ç”£æ¨©ã‚’ä¾µå®³ã™ã‚‹ã“ã¨ (3) é•æ³•è¡Œç‚ºã¾ãŸã¯é•æ³•è¡Œç‚ºã‚’åŠ©é•·ã™ã‚‹ã“ã¨ (4) å…¬åºè‰¯ä¿—ã«åã™ã‚‹ã“ã¨ (5) åˆ©ç”¨è€…ã«ã‚ˆã‚‹é›»åãƒ¡ãƒ¼ãƒ«ã®é€ä¿¡ã«åŒæ„ã—ã¦ã„ãªã„ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã«å¯¾ã—ã¦é›»åãƒ¡ãƒ¼ãƒ«ã‚’é€ä¿¡ã™ã‚‹ã“ã¨ 3
Quadrifogrio 2008/08/22
http://fnya.cocolog-nifty.com/blog/2008/08/ssl_09d4.html

ãŠæ‰‹è»½

form
ãƒªãƒ³ã‚¯
ã•ã‚‰ã°ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ï¼ åœ°å›³ã§å…¥åŠ›ã§ãã‚‹Webãƒ•ã‚©ãƒ¼ãƒ
ãƒãƒƒãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ä¼šå“¡åˆ¶ã‚µã‚¤ãƒˆã‚’åˆ©ç”¨ã™ã‚‹éš›ã«ã„ã¤ã‚‚é¢å€’ã ãªã¨æ„Ÿã˜ã¦ã„ã‚‹ã“ã¨ãŒã‚ã‚‹ã€‚ä¼šå“¡ç™»éŒ²ã‚„é…é€å…ˆã‚’æŒ‡å®šã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ç”»é¢ã«ã‚ã‚‹ã€éƒ½é“åºœçœŒåã®å…¥åŠ›æ¬„ã ã€‚ ã‚ˆãã‚ã‚‹ã®ãŒã€ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ã§éƒ½é“åºœçœŒåã‚’é¸ã¶å½¢å¼ã ãŒã€ã“ã‚Œã¯ãªã‹ãªã‹ã®ã‚¹ãƒˆãƒ¬ã‚¹ã ã€‚5ï½ž6é …ç›®ãªã‚‰ã¨ã‚‚ã‹ãã€47ã‚‚ã®é¸æŠžé …ç›®ã€ãã‚Œã‚‚ä¼¼ãŸã‚ˆã†ãªæ¼¢å—3æ–‡å—ã®ä¸ã‹ã‚‰ã€æ³¨æ„æ·±ãç‹™ã„ã‚’å®šã‚ãªã‘ã‚Œã°ãªã‚‰ãªã„ã€‚é‹æ‚ªã1æ—¥ã«ä½•åº¦ã‚‚ã“ã®ä½œæ¥ãŒç™ºç”Ÿã™ã‚‹ã¨ã†ã‚“ã–ã‚Šã™ã‚‹ã€‚ ãã†ã—ãŸã€ã€ŒHTMLãƒ•ã‚©ãƒ¼ãƒ ã§ã®éƒ½é“åºœçœŒåã®é¸æŠžã€ã«ç‰¹åŒ–ã—ãŸæ–°ç™ºæƒ³ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒç™»å ´ã—ã¦ã„ã‚‹ã€‚CogniTom Academic Designä½œã®ã€Œjsmapã€ãŒãã‚Œã ã€‚jsmapã‚’HTMLãƒ•ã‚©ãƒ¼ãƒ ã«çµ„ã¿è¾¼ã‚€ã¨ã€ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ã§é¸æŠžã™ã‚‹ä»£ã‚ã‚Šã«ã€åœ°å›³ã‚’ãƒžã‚¦ã‚¹ã§ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã“ã¨ã§éƒ½é“åºœçœŒåã‚’å…¥åŠ›ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ åœ°å›³ã¨ã¯ã„ã£ã¦ã‚‚ã€ã”è¦§ã®ã‚ˆã†ã«ã„ã„æ„å‘³ã§ã–ã£ãã‚Šã¨ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã§ã€éžå¸¸ã«
Quadrifogrio 2008/06/25
*webåˆ¶ä½œ

form

map

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

mobile

form

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã‚’è§’ä¸¸ã«ã™ã‚‹æ–¹æ³•
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Quadrifogrio 2008/03/11
form

è§’ä¸¸

CSS-Tech

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

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

ãƒªãƒ³ã‚¯é›†
ãƒªãƒ³ã‚¯
ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆ å®Ÿé¨“å®¤ Â» ãƒ•ã‚©ãƒ¼ãƒ ã«å…¥åŠ›ã•ã‚ŒãŸå…¨è§’æ–‡å—ã‚’è‡ªå‹•ã§åŠè§’ã«å¤‰æ›ã™ã‚‹
ã“ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«æ©Ÿèƒ½ã‚’è¿½åŠ ã—ãŸ valueconvertor.js ã‚’å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã¨ã—ã¦ã“ã®è¨˜äº‹ã¯æ®‹ã—ã¦ã‚ã‚Šã¾ã™ãŒã€ã“ã® replaceascii.js æ©Ÿèƒ½ã‚’ã”åˆ©ç”¨ã™ã‚‹å ´åˆã¯ã€ã‚ˆã‚Šå®‰å®šã—ã¦ã„ã‚‹ valueconvertor.js ã®ã”åˆ©ç”¨ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚ æ¦‚è¦ ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›æ™‚ã«ã€ŽåŠè§’è‹±æ•°ã§å…¥åŠ›ã—ã¦ãã ã•ã„ã€ã®é …ç›®ãŒã‚ã£ãŸå ´åˆã€ãƒ¦ãƒ¼ã‚¶ã®å…¥åŠ›ãƒŸã‚¹ã‚’å°‘ãªãã—ã¦ã‚ã’ã‚‹ãŸã‚ã«ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ ãŸã ã—ã€JavaScript ãŒä½¿ãˆãªã„ç’°å¢ƒã§ã¯å‹•ä½œã—ã¾ã›ã‚“ã®ã§ã€ã‚ãã¾ã§ã‚‚ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¨ã—ã¦ãŠä½¿ã„ãã ã•ã„ã€‚ å‹•ä½œç¢ºèªç”¨ã® DEMO ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ä½¿ã„æ–¹ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸ replaceascii.js ã‚’ XHTML ãƒ•ã‚¡ã‚¤ãƒ«ã® head è¦ç´ å†…ãªã©ã§èªã¿è¾¼ã‚“ã§ãã ã•ã„ã€‚ ã“ã®ã¨ãã€replaceascii.js ã¨èªã¿è¾¼ã‚€ XHTML ãƒ•ã‚¡ã‚¤ãƒ«ã®æ–‡å—ã‚³ãƒ¼ãƒ‰ãŒåŒã˜ã«ãªã‚‹ã‚ˆã†ã«ã—ã¦ãã
Quadrifogrio 2008/02/18
form

javascript
ãƒªãƒ³ã‚¯
ç”³ã—è¾¼ã¿ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½¿ã„ã‚„ã™ãã—ã¦é€”ä¸ã§ã‚ãã‚‰ã‚ã‚‹äººã‚’æ¸›ã‚‰ã™å…·ä½“çš„ãªæ–¹æ³•è«–ã€å‰ç·¨ã€‘ | ã‚«ã‚¹ã‚¿ãƒžãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã§é“ã¯é–‹ã‘ã‚‹ï½žãƒ•ã‚©ãƒ¬ã‚¹ã‚¿ãƒ¼ãƒ»ãƒªã‚µãƒ¼ãƒã®Webã‚µã‚¤ãƒˆæ–¹æ³•è«–
[ã‚³ãƒ©ãƒ ]ã‚«ã‚¹ã‚¿ãƒžãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã§ é“ã¯é–‹ã‘ã‚‹ ï½žãƒ•ã‚©ãƒ¬ã‚¹ã‚¿ãƒ¼ãƒ»ãƒªã‚µãƒ¼ãƒã®Webã‚µã‚¤ãƒˆæ–¹æ³•è«– by ã‚¸ãƒ§ãƒŠã‚µãƒ³ãƒ»ãƒ–ãƒ©ã‚¦ãƒ³ ãƒ•ã‚©ãƒ¬ã‚¹ã‚¿ãƒ¼ãƒ»ãƒªã‚µãƒ¼ãƒã®ã‚·ãƒ‹ã‚¢ãƒ»ã‚¢ãƒŠãƒªã‚¹ãƒˆã§ã‚ã‚‹ã‚¸ãƒ§ãƒŠã‚µãƒ³ãƒ»ãƒ–ãƒ©ã‚¦ãƒ³æ°ã«ã‚ˆã‚‹ã‚¦ã‚§ãƒ–ã‚³ãƒ©ãƒ ã€‚ ä¸»ã«ã‚«ã‚¹ã‚¿ãƒžãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã¨ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã®å´é¢ã‹ã‚‰ä¼æ¥ã®ãƒ“ã‚¸ãƒã‚¹ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã‚¸ãƒ§ãƒŠã‚µãƒ³æ°ãŒã€ä¼æ¥ã‚µã‚¤ãƒˆã«ãŠã‘ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼å¿—å‘ã®è€ƒãˆæ–¹ã‚„æ–¹æ³•è«–ã‚’ã•ã¾ã–ã¾ãªåˆ‡ã‚Šå£ã§è§£èª¬ã—ã¾ã™ã€‚ å‰å›žã®ã‚³ãƒ©ãƒ ã§ã¯ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½¿ã£ã¦ã„ã‚‹ãŠå®¢æ§˜ãŒãªãœé€”ä¸ã§ã‚ãã‚‰ã‚ã‚‹ã®ã‹ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§è©±ã—ã¾ã—ãŸã€‚ã€Œã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®æ¬ é™¥ã€ã‚’å¤§ããããã‚‹ã¨ã€æ¬¡ã®4ã¤ã®ã©ã‚Œã‹ã«å½“ã¦ã¯ã¾ã‚Šã¾ã™ã€‚ ã‚µã‚¤ãƒˆã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„è‡ªä½“ãŒè¶³ã‚Šãªã„ï¼ˆä¾¡å€¤ã®æ¬ é™¥ï¼‰ä¾¡å€¤ã®ã‚ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒæŽ¢ã—ã«ãã„ï¼ˆãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ‚ªã„ï¼‰ä¾¡å€¤ã®ã‚ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯è¦‹ã¤ã‹ã£ãŸãŒã‚ˆãã‚ã‹ã‚‰ãªã‹ã£ãŸï¼ˆãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ‚ªã„ï¼‰ã‚µã‚¤ãƒˆã«ä¿¡é ¼ãŒãªã‹ã£ãŸãŸã‚ã«ä½¿ã†ã®ã‚’ã‚„ã‚
Quadrifogrio 2008/02/17
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

form

How to
ãƒªãƒ³ã‚¯
pForm - Free HTML Form Builder - Create Web Form Template Online
Create HTML Form in Seconds. Choose a color to start:
Quadrifogrio 2008/01/28
form

Generator

ãŠæ‰‹è»½
ãƒªãƒ³ã‚¯
è¤‡æ•°ã‚«ãƒ†ã‚´ãƒªæ¤œç´¢ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ (ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å®Ÿè·µãƒ¡ãƒ¢)
Webã‚µã‚¤ãƒˆã®æ¤œç´¢æ©Ÿèƒ½ã§ã€ã€Œãƒ†ã‚ã‚¹ãƒˆã€ã¨ã€Œç”»åƒã€ã€ã€Œãƒ‹ãƒ¥ãƒ¼ã‚¹ã€ã¨ã€Œè£½å“æƒ…å ±ã€ãªã©ã€è¤‡æ•°ã®ã‚«ãƒ†ã‚´ãƒªã‚’åˆ‡ã‚Šæ›¿ãˆã¦æ¤œç´¢ã§ãã‚‹æ©Ÿèƒ½ã‚’æä¾›ã—ã¦ã„ã‚‹ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯ãã®åˆ‡æ›¿ã®æ–¹æ³•ã«ã¤ã„ã¦è€ƒãˆã¾ã™ã€‚ ã‚ã‚‹é‡‘èžæƒ…å ±ã‚µã‚¤ãƒˆã§ã€ä¼æ¥åã§ã‚µã‚¤ãƒˆå†…æ¤œç´¢ã‚’è¡Œã£ãŸã¨ã“ã‚ã€ã€Œè¨˜äº‹ã€ã‚«ãƒ†ã‚´ãƒªã§ã®æ¤œç´¢çµæžœãŒ0ä»¶ã¨è¡¨ç¤ºã•ã‚Œã¾ã—ãŸã€‚ ã“ã®ã¨ãã€çµæžœãŒ0ä»¶ã ã£ãŸã“ã¨ã‚’èªè˜ã—ãŸãƒ¦ãƒ¼ã‚¶ã¯ã€ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã®ã‚¿ãƒ–ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã€Œæ ªä¾¡ã€ã«åˆ‡ã‚Šæ›¿ãˆã¾ã—ãŸã€‚ã“ã®ã¨ã è‡ªåˆ†ãŒã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚¿ãƒ–ãŒåˆ‡ã‚Šæ›¿ã‚ã‚‹ï¼ˆã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¿ãƒ–ãŒæ¿ƒã„è‰²ã«ãªã‚‹ï¼‰ ã¨ã„ã†å¤‰åŒ–ã§ã€ãƒ¦ãƒ¼ã‚¶ã«ã¯è‡ªåˆ†ãŒåˆ¥ã®ã‚«ãƒ†ã‚´ãƒªã«ç§»å‹•ã—ãŸã“ã¨ãŒä¼ã‚ã‚Šã¾ã—ãŸã€‚ ã—ã‹ã—ã€æ¤œç´¢çµæžœéƒ¨åˆ†ã®è¦‹ãŸç›®ã«å¤‰åŒ–ãŒãªã‹ã£ãŸãŸã‚ã€ãƒ¦ãƒ¼ã‚¶ã¯ã€Œã©ã¡ã‚‰ã®ã‚«ãƒ†ã‚´ãƒªã«ã‚‚è‡ªåˆ†ã®æ±‚ã‚ã‚‹æƒ…å ±ãŒãªã„ã€ã¨åˆ¤æ–ã—ã¦ã€ã“ã®ã‚µã‚¤ãƒˆã‚’ç«‹ã¡åŽ»ã‚Šã¾ã—ãŸã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã‚¿ãƒ–åˆ‡ã‚Šæ›¿ãˆã ã‘ã§ã¯å†æ¤œç´¢ã•ã‚Œãšã€æ–°ã—ã„ç”»é¢ã§æ”¹ã‚ã¦ã€Œæ¤œç´¢ã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯
Quadrifogrio 2007/12/26
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

UI

form

How to
ãƒªãƒ³ã‚¯
Wufoo ? HTML Form Template & CSS Design Gallery
An arrow pointing left An arrow pointing right An arrow pointing left A magnifying glass The Twitter logo The Facebook logo The LinkedIn logo The Google Plus logo The RSS feed symbol The Wufoo by SurveyMonkey Logo The Wufoo by SurveyMonkey Logo A credit card A tray with an upwards pointing arrow A diamond with two arrows leading to different boxes Two bars in a chart Two pages A painter's palette
Quadrifogrio 2007/12/04
form

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Styled Text Area by CSS-Tricks
By CSS-Tricks Enter your comment here... Features of this textarea Has default text which disappears when clicked into. Changes background color when active Returns to default background color when inactive Styled with CSS to control font, border, size, padding and background image [VIEW CSS]
Quadrifogrio 2007/09/27
form

ãŠæ‰‹è»½

CSS-Tech

èƒŒæ™¯
ãƒªãƒ³ã‚¯
Tableless forms
I consider this a very important step in learning web design the right and straightforward way. CSS is no longer just a way of adding some simple styles to an element in your page. More and more web designers work very much with styles in order to create a unique and easy to maintain website. You can see some inspirational examples by visiting a gallery like CSSREMIX or cssdrive. Those are CSS gal
Quadrifogrio 2007/03/06
CSS

form
ãƒªãƒ³ã‚¯
Niceforms
This is an old and no longer updated version of the site. Visit the new site. foo bar another option foo bar another option Username: Password: Comments:
Quadrifogrio 2006/09/26
http://www.badboy.ro/articles/2005-07-23/

UI

form

javascript
ãƒªãƒ³ã‚¯
1