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

maRk id:maRk

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

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

GitHub - cgoldsby/LoginCritter: An animated avatar that responds to text field interactions
The Login Critter has a neutral, active, ecstatic, and shy state. For simplicity, the neutral state is just the identity transf orm for all the Part layers. The neutral state can be triggered by tapping the background. The active state has two pha ses a start and end. The start and end active pha ses corresponds to the avatar turning from left to right. The active state can be triggered by tapping th
maRk 2018/05/01
form
ãƒªãƒ³ã‚¯
ãªãœ html ã® form ã¯ PUT / DELETE ã‚’ã‚µãƒãƒ¼ãƒˆã—ãªã„ã®ã‹ï¼Ÿ
ãªã‚“ã§ html ã® from ã¯ PUT / DELETE ãŒã§ããªã„ã®ã‹ã€ã€Œã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£çš„ç†ç”±ã€ã¨ã‹ã€Œæ´å²çš„çµŒç·¯ã€ã¨ã‹ã€ã‚ã‹ã£ãŸã‚ˆã†ãªåˆ†ã‹ã‚‰ãªã„ã‚ˆã†ãªèª¬æ˜Žã¯ã‚ˆãèžãã‘ã©ã€å®Ÿéš›ãªã‚“ã§ãªã®ã‹èª¿ã¹ã¦ãŸã‚‰è‰²ã€…æ•™ãˆã¦ã‚‚ã‚‰ã£ãŸè©±ã€‚ ã“ã“ã¾ã§ã‚ã‹ã£ãŸã“ã¨ã‚’ blog ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ / â€œãªãœ html ã® form ã¯ PUT / DELETE ã‚’ã‚µãƒãƒ¼ãƒˆã—ãªã„ã®ã‹ï¼Ÿ - Block Rockinâ€™ Codesâ€ http://jxck.hatena blog.com/entry/why-form-dosent-support-put-delete
maRk 2014/03/24
form
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆä¸Šã§zipãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã›ãŸã„ - MTQ | Movable Type ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£
maRk 2013/09/14
form
ãƒªãƒ³ã‚¯
å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®å…¨è§’ãƒ»åŠè§’ã‚’å‹æ‰‹ã«å¤‰æ›ã—ã¦ãã‚Œã‚‹JavaScript
å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®å…¨è§’ãƒ»åŠè§’ã‚’å‹æ‰‹ã«å¤‰æ›ã—ã¦ãã‚Œã‚‹JavaScriptã‚’ä½œã‚Šã¾ã—ãŸã€‚ ï¼‘ï¼Žç™ºç«¯ ã€Œå…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®è¿·å®®ã€‚å…¨è§’æ•°å—ã‚’å¼·è¦ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç†è§£ã§ãã¾ã›ã‚“ã€‚ã€ã‚’èªã‚“ã§ã€ãŸã—ã‹ã«ç§ã‚‚åŠè§’å…¨è§’ã®å…¥åŠ›ã‚’å¼·åˆ¶ã•ã‚Œã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã«ã¯è¾Ÿæ˜“ã—ã¦ã—ã¾ã„ã¾ã™ã€‚ ã¨ã„ã†ã‹ã€åŠè§’å…¨è§’ã©ã¡ã‚‰ã§ã‚‚è‰¯ã„ã¨ã„ã†ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã‚’ï¼ˆå¤šåˆ†ï¼‰è¦‹ãŸã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ã€‚ ãã‚Œã¯ã•ã¦ãŠãã€ã‚·ã‚¹ãƒ†ãƒ å´ã§åŠè§’æ–‡å—ãƒ»å…¨è§’æ–‡å—ã®åˆ¶å¾¡ãŒä¸èƒ½ã§ã‚ã‚Œã°ã€ã›ã‚ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ãªã‚“ã¨ã‹ã§ãã‚‹ã‚“ã˜ã‚ƒãªã„ã®ï¼Ÿã¨æ€ã£ãŸã®ãŒã€ä½œã£ãŸãã‚‚ãã‚‚ã®ç™ºç«¯ã§ã™ã€‚ ï¼’ï¼ŽåŠè§’ã‚’å…¨è§’ã«å¤‰æ›ã™ã‚‹ä»•çµ„ã¿ åŠè§’æ–‡å—ã®æ–‡å—ã‚³ãƒ¼ãƒ‰ã‹ã‚‰65248ç•ªç›®ã®æ–‡å—ã‚³ãƒ¼ãƒ‰ãŒå…¨è§’æ–‡å—ã«ãªã‚‹ã‚ˆã†ã§ã™ã€‚ ã‚ˆã£ã¦åŠè§’ã‚’å…¨è§’ã«å¤‰æ›ã™ã‚‹ã«ã¯ã€charCodeAt()ã§å‚ç…§ã—ãŸåŠè§’æ–‡å—ã‚³ãƒ¼ãƒ‰ã«65248ã‚’åŠ ç®—ã—ãŸã‚ã¨ã€fromCharCode()ã§æ–‡å—ã‚³ãƒ¼ãƒ‰ã‚’æ–‡å—ã«æˆ»ã—ã¾ã™ã€‚ "ABC".replace( /[A
maRk 2013/08/28
form

javascript
ãƒªãƒ³ã‚¯
ã©ã†ã—ã¦ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªããªã‚‹UI - ãƒã‚³ãƒ¡ã‚·CEOãƒ–ãƒã‚°
ãã‚ãã‚åˆ©ç”¨è€…ã®ã»ã¨ã‚“ã©ãŒã“ã®ãƒ•ã‚©ãƒ¼ãƒ ã«å‡ºãã‚ã—ãŸé ƒã§ã‚ã‚ã†ã¨æ€ã†ãŒã€Evernoteã®ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰å¤‰æ›´ã®ãƒ•ã‚©ãƒ¼ãƒ ãŒãƒ¤ãƒã‹ã£ãŸã€‚ ã“ã‚Œã€‚ ãªã‚“ã¼ãªã‚“ã§ã‚‚ã€ã„ãã‚‰ã‚„ã£ã¤ã‘ã ã£ãŸã¨ã—ã¦ã‚‚ã“ã‚Œã¯ã²ã©ã„ã€‚ ã€Œæ–°ã—ã„ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’é¸æŠžã€ã£ã¦ã„ã†ãƒ©ãƒ™ãƒ«ã‚‚æ„å‘³ãŒã‚ã‹ã‚‰ãªã„ãŒã€ã€Œãƒªã‚»ãƒƒãƒˆã€ã€Œãƒã‚°ã‚¢ã‚¦ãƒˆã€ã£ã¦ãƒœã‚¿ãƒ³ã¯ã•ã™ãŒã«ä¸è¦ªåˆ‡ã™ãŽã§ã¯ãªã„ã‹ã€‚å®Ÿè¡Œå´ã‚’ç·‘ã«ã—ã¦ãŠã‘ã°ã„ã„ã£ã¦ã‚‚ã‚“ã§ã¯ãªã‹ã‚ã†ã€‚ åŠ ãˆã¦ã€Œã‚¯ãƒªã‚¢ã€ã¨ã‹ã€Œã‚ãƒ£ãƒ³ã‚»ãƒ«ã€ã¨ã‹ä¸€ç·’ã«ä¸¦ã‚“ã§ãŸã‚‰å‚‘ä½œã ã£ãŸãªã‚ã€‚ ã¡ãªã¿ã«ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ãƒªã‚»ãƒƒãƒˆã«é–¢ã™ã‚‹ã‚µãƒãƒ¼ãƒˆ FAQã‚’è¦‹ã‚‹ã¨ã€åƒ•ãŒéé‡ã—ãŸãƒ•ã‚©ãƒ¼ãƒ ï¼ˆ3æœˆ7æ—¥ã«éé‡ï¼‰ã¨ã¯é•ã†ã‚‚ã®ã§èª¬æ˜ŽãŒãªã•ã‚Œã¦ã„ã‚‹ã€‚ã•ã™ãŒã«ã‚¢ãƒ¬ã ã£ãŸã‹ã‚‰å·®ã—æ›¿ãˆãŸã®ã‹ã‚‚ã—ã‚Œãªã„ã€‚ã¨ã‚Šã‚ãˆãšã€Œæ–°ã—ã„ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’é¸æŠžã€ãŒè¦‹å‡ºã—ã«æ˜‡æ ¼ã—ã¦ã„ã‚‹ãªã‚ã¨æ€ã£ãŸã€‚
maRk 2013/03/13
form
ãƒªãƒ³ã‚¯
HTML5 forms introduction and new attributes | HTML5 Doctor
No doubt you interact with at least one form on the Web every day. Whether youâ€™re searching for content or logging in to your e-mail account or Facebook page, using online forms is one of the most common tasks performed on the Web. As designers and developers, creating forms has a certain monotony about it, particularly writing validation scripts for them. HTML5 introduces a number of new attribut
maRk 2013/03/05
form

attribute
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ é–¢é€£è¦ç´ ï¼ˆ2ï¼‰ HTML5ã§inputè¦ç´ ã«è¿½åŠ ã•ã‚ŒãŸæ–°ã—ã„ã‚¿ã‚¤ãƒ—13é€£ç™º
ãƒ•ã‚©ãƒ¼ãƒ é–¢é€£è¦ç´ ï¼ˆ2ï¼‰ HTML5ã§inputè¦ç´ ã«è¿½åŠ ã•ã‚ŒãŸæ–°ã—ã„ã‚¿ã‚¤ãƒ—13é€£ç™ºï¼šHTML5â€œã¨ã‹â€ã‚¢ãƒ—ãƒªé–‹ç™ºå…¥é–€ï¼ˆ7ï¼‰ï¼ˆ1/3 ãƒšãƒ¼ã‚¸ï¼‰ HTML5ã®æ–°ã—ã„å…¥åŠ›ã‚¿ã‚¤ãƒ—ã‚’ã€æ—¥æ™‚é–¢é€£ã‚„æ•°å€¤ã€æ¤œç´¢ã€é›»è©±ç•ªå·ã€URLã€ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã€è‰²ãªã©ç”¨é€”åˆ¥ã«ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã¨ã¨ã‚‚ã«ç´¹ä»‹ã€‚iPhoneã§è¦‹ã‚‹ã¨ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã¾ã§å¤‰åŒ–ã™ã‚‹ã‚¿ã‚¤ãƒ—ã‚‚!?
maRk 2011/03/07
HTML5

form
ãƒªãƒ³ã‚¯
ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã«å¤§åˆ‡ãª7ã¤ã®è¦ç´ ã¨é‡è¦ãª1ã¤ã®æ©Ÿèƒ½
ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Ÿè£…ã™ã‚‹éš›ã«ã€å¤§åˆ‡ãª7ã¤ã®è¦ç´ ã¨é‡è¦ãª1ã¤ã®æ©Ÿèƒ½ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å…ƒè¨˜äº‹ã§ã¯ä¸‹è¨˜ã®CSS3ã§å®Ÿè£…ã•ã‚ŒãŸãƒ•ã‚©ãƒ¼ãƒ ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¿ã‚¤ãƒˆãƒ« ã“ã®ãƒ•ã‚©ãƒ¼ãƒ ãŒä½•ã«ã¤ã„ã¦ã®ã‚‚ã®ã§ã‚ã‚‹ã‹æ‰‹çŸã«èª¬æ˜Žã•ã‚ŒãŸã‚¿ã‚¤ãƒˆãƒ«ã€‚ç‰¹ã«ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®åç§°ã‚’è¨˜ã™ã“ã¨ã¯éžå¸¸ã«é‡è¦ã§ã™ã€‚ éžãƒ¡ãƒ³ãƒãƒ¼ç”¨ã®ãƒªãƒ³ã‚¯ éžãƒ¡ãƒ³ãƒãƒ¼ãŒå¶ç„¶ã€ã“ã®ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¤ã‘ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãã—ã¦ã€ãƒ¡ãƒ³ãƒãƒ¼ã‚’å¢—ã‚„ã™ãƒãƒ£ãƒ³ã‚¹ã‚‚ã‚ã‚‹ã®ã§ã€ç™»éŒ²ãƒšãƒ¼ã‚¸ã¸ã®èª˜å°Žã‚‚è¡Œã£ã¦ãŠãã¾ã™ã€‚ ãƒ©ãƒ™ãƒ«ã¨ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã¯é€šå¸¸ã€2ã¤ã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ãŒã€ãƒ©ãƒ™ãƒ«ã¯èªã¿ã‚„ã™ã„ã‚ˆã†ã«ã—ã¾ã™ã€‚ ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’å¿˜ã‚ŒãŸå ´åˆ ã“ã‚Œã¯åŒã˜ãã€éžå¸¸ã«é‡è¦ãªãƒªãƒ³ã‚¯ã§ã™ã€‚å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å¤šæ•°ã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã¨ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’ã‚‚ã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ãã—ã¦ã€ã—ã°ã—ã°ãã‚Œã¯ã‚ãªãŸã®ã‚µã‚¤ãƒˆã§ã©ã‚Œãªã®ã‹å¿˜ã‚Œã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€é…ç½®ã™ã‚‹
maRk 2011/02/18
form
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã«å…±é€šãªå±žæ€§ - ãƒ•ã‚©ãƒ¼ãƒ - HTMLè¦ç´ - HTML5 ã‚¿ã‚°ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ - HTML5.JP
4.10.19.2 è¦ç´ ã®æ–¹å‘æ€§ã®ã‚µãƒ–ãƒŸãƒƒãƒˆ: dirname å±žæ€§ ãƒ•ã‚©ãƒ¼ãƒ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«è¦ç´ ã® dirname å±žæ€§ã«ã‚ˆã£ã¦ã€ãã®è¦ç´ ã®æ–¹å‘æ€§ã‚’ã‚µãƒ–ãƒŸãƒƒãƒˆã§ãã‚‹ã‚ˆã†ã«ã—ã€ ãƒ•ã‚©ãƒ¼ãƒ ã‚µãƒ–ãƒŸãƒƒãƒˆã®éš›ã«ã“ã®å€¤ã‚’å…¥ã‚Œã‚‹ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®åå‰ã‚’ä¸Žãˆã¾ã™ã€‚ã“ã®å±žæ€§ãŒæŒ‡å®šã•ã‚ŒãŸã‚‰ã€ãã®å€¤ã¯ç©ºæ–‡å—åˆ—ã§ã‚ã£ã¦ã¯ã„ã‘ã¾ã›ã‚“ã€‚ ã“ã®ä¾‹ã§ã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¨ã‚µãƒ–ãƒŸãƒƒãƒˆãƒœã‚¿ãƒ³ãŒã‚ã‚Šã¾ã™ï¼š <form action="addcomment.cgi" method=post> <p><label>ã‚³ãƒ¡ãƒ³ãƒˆ: <input type=text name="comment" dirname="comment.dir" required></label></p> <p><button name="mode" type=submit value="add">ã‚³ãƒ¡ãƒ³ãƒˆã‚’æŠ•ç¨¿</button></p> </form> ãƒ¦
maRk 2011/01/18
html

form
ãƒªãƒ³ã‚¯
MTã‚³ãƒ¡ãƒ³ãƒˆæŠ•ç¨¿ç”»é¢ã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã«ã™ã‚‹æ–¹æ³• - MTQ | Movable Type ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£
maRk 2010/11/27
ãã®ã‚¨ãƒ©ãƒ¼ã®å‡ºã‚‹å‹•ä½œã¨ã—ã¦ã¯æ£ã—ã„çˆ

comment

form
ãƒªãƒ³ã‚¯
ãƒãƒƒãƒˆã‚„ã£ã¦ã¦ã‚¤ãƒ©ã¤ãçž¬é–“
æœ€è¿‘ã®ã‚³ãƒˆã§ã€‚æ€ã„ã¤ãã ã‘åˆ—æŒ™ã€‚ MSIEã§HTMLã‚¿ã‚°ãªã©ã‚’ã‚³ãƒ”ãƒ¼ã™ã‚‹éš›ã«é¸ã³ãŸããªã„>ã‚„<ã¾ã§é¸æŠžã•ã‚Œã¦ã—ã¾ã†ã€‚ IDã‚„PWã‚’è¨˜æ†¶ã™ã‚‹ã‚ˆã†ã«ã—ã¦ã‚‚è¨˜æ†¶ã—ã¦ãã‚Œãªã„MSIEã€‚ ç™»éŒ²ã¨ã‹ã™ã‚‹æ™‚ã®èªè¨¼ç”»åƒã®ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆãŒè‘—ã—ãå¤‰å½¢ã—ã™ãŽã¦ã„ã¦èªã‚ãªã„ã€‚iã¨æ€ã£ãŸã‚‰lã¨ã‹jã¨ã‹0ãªã®ã‹oãªã®ã‹Oãªã®ã‹ã¨ã‹ã€‚æªã¿ã™ãŽã‚‹ã«ã‚‚ç¨‹ãŒã‚ã‚‹ã€‚ ç¶šãã‚’èªã‚€ å¤§æ‰‹ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚µã‚¤ãƒˆç‰ã®è¨˜äº‹ã§å¤§ã—ãŸé‡ã§ã‚‚ãªã„ãã›ã«ï¼‘ï¼’ï¼“ï¼”ã¨ã‹ã«ãƒšãƒ¼ã‚¸ãŒåˆ†ã‹ã‚Œã¦ã‚‹ã€‚ ä½æ‰€å…¥åŠ›ã§å…¨è§’ã§æ‰“ãŸãªã„ã¨ã‚¨ãƒ©ãƒ¼è¿”ã™ãƒã‚«ã€‚ã‹ã¨æ€ã£ãŸã‚‰éƒµä¾¿ç•ªå·ã¯åŠè§’ã¨ã‹ã€‚ å…¥åŠ›ãƒŸã‚¹ã§å‰ç”»é¢ã«æˆ»ã•ã‚ŒãŸã‚‰ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã¾ã§å†å…¥åŠ›ã‚’æ±‚ã‚ãŸã‚Šã€‚ é…·ã„ã®ã«ãªã‚‹ã¨å…¨éƒ¨æ¶ˆãˆãŸã‚Šã€‚ æœ¬æ–‡ãŒå¼·åˆ¶ãƒ¡ã‚¤ãƒªã‚ª ã‚«ãƒ©ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†è¨€è‘‰ CSS3ã§ãƒ‰ãƒ©ãˆã‚‚ã‚“ç‰ ãƒã‚¹ã‚±4ã‚’èµ·å‹•ã™ã‚‹ã¨ä½•æ•…ã‹å¼·åˆ¶çš„ã«ãƒ‡ãƒ•ã‚©ãƒ–ãƒ©ã‚¦ã‚¶ã«ãªã‚‹ã€‚ Firefoxã®èµ·å‹•æ™‚ã®ç¡¬ç›´æ™‚é–“ã€‚ ã“ã†ã—ã¦ã¿ã‚‹ã¨ç™»éŒ²é–¢ä¿‚ãŒå¤šã„ã€‚ã‚¤ãƒ³ã‚¿ãƒ¼
maRk 2010/09/30
æœ€è¿‘ã§ã¯ã‚ãƒ¼ãƒã‚¬ãƒ¼å¯¾ç–ã®ãªã‚“ã¨ã‹ãƒ•ã‚©ãƒ¼ãƒ ã£ã¦ã®

web

form
ãƒªãƒ³ã‚¯
Google ãƒ•ã‚©ãƒ¼ãƒ ã®ä½¿ã„æ–¹ - ãƒ‘ã‚½ã‚³ãƒ³ - Google ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ ã‚¨ãƒ‡ã‚£ã‚¿ ãƒ˜ãƒ«ãƒ—
Google ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã‚„ãƒ†ã‚¹ãƒˆã€ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã—ã¦ä»–ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é€ä¿¡ã—ã€å›žç”ã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§åˆ†æžã§ãã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®ç·¨é›†ã‚„å›žç”ã®åˆ†æžã‚’ä»–ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨è¡Œã†ã«ã¯ã€å…±åŒç·¨é›†è€…ã¨ãƒ•ã‚©ãƒ¼ãƒ ã‚’å…±æœ‰ã—ã¾ã™ã€‚ æ–°ã—ã„ Google ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã™ã‚‹ ã‚¹ãƒ†ãƒƒãƒ— 1: æ–°ã—ã„ãƒ•ã‚©ãƒ¼ãƒ ã¾ãŸã¯ãƒ†ã‚¹ãƒˆã‚’ä½œæˆã™ã‚‹
maRk 2010/09/17
form

google

docs
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ©ãƒ™ãƒ«ã¨å…¥åŠ›æ¬„ã‚’ç¸¦ä¸€åˆ—ã«é…ç½®ã™ã‚‹ã¨ã‚ˆã‚Šé€Ÿãæ›¸ãã“ã‚ã‚‹ä¸‰ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ©ãƒ™ãƒ«ã¨å…¥åŠ›æ¬„ã‚’ç¸¦ä¸€åˆ—ã«é…ç½®ã™ã‚‹ã¨ã€æ¨ªä¸€è¡Œã«æ¯”ã¹ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚ˆã‚Šé€Ÿãæ›¸ãã“ã‚ã‚‹ä¸‰ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Why Users Fill Out Forms Faster With Top Aligned Labels ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ visual fixation visual direction vertical space ã¾ã¨ã‚ visual fixation ã€Œvisual fixationã€ã¯ä¸€ç‚¹ï¼ˆé¢ï¼‰ã‚’ã¿ã¤ã‚ã‚‹å›ºè¦–ã®ã“ã¨ã§ã€ä¸Šè¨˜ã®äº”ã¤å…¥åŠ›é …ç›®ãŒã‚ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã§ã¯ã€æ¨ªä¸€è¡Œï¼š10ç®‡æ‰€ã€ç¸¦ä¸€åˆ—ï¼š5ç®‡æ‰€ã«ãªã‚Šã¾ã™ã€‚ ç¸¦ä¸€åˆ—ã¯ä¸€ã¤ã®å…¥åŠ›é …ç›®ã«å¯¾ã—ã¦ã€åŠåˆ†ã®å›ºè¦–ã§ã™ã¿ã¾ã™ã€‚ visual direction ã€Œvisual directionã€ã¯è¦–æ–¹å‘ã§ã™ã€‚æ¨ªä¸€è¡Œã¯æ°´å¹³ãƒ»åž‚ç›´æ–¹å‘ã®äºŒã¤ã‚’å¿…è¦ã¨ã—ã€ç¸¦ä¸€åˆ—ã¯æ°´å¹³æ–¹å‘ã®ä¸€ã¤ã®ã¿ã§ã™ã€‚ vertical space
maRk 2010/09/03
form
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã‚’ã‚ˆã‚Šä½¿ã„ã‚„ã™ãã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
<textarea name="code" class="css" cols="60" rows="5"> textarea { background: url(images/benice.png) center center no-repeat; /* This ruins default border */ border: 1px solid #888; } </textarea>
maRk 2010/07/20
javascript

jquery

form
ãƒªãƒ³ã‚¯
optionè¦ç´ | ã°ã‘ã‚‰ã® HTML ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹(æœªå®Œæˆ)
å…±é€šå±žæ€§ â€¦â€¦ %coreattrs;, %i18n;, %events; optionã®è§£èª¬selectè¦ç´ ã®å€‹ã€…ã®é¸æŠžè‚¢ã‚’è¡¨ã—ã¾ã™ã€‚ selectedå±žæ€§ ã‚’æŒ‡å®šã™ã‚‹ã¨ã‚ã‚‰ã‹ã˜ã‚é¸æŠžæ¸ˆã¿ã®çŠ¶æ…‹ã«ãªã‚Šã¾ã™ã€‚selectè¦ç´ ã« multipleå±žæ€§ãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚Œã°ã€è¤‡æ•°ã® option ã« selected ã‚’ã¤ã‘ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ (multiple ã§ãªã„ã®ã«è¤‡æ•° selected ã‚’æŒ‡å®šã™ã‚‹ã¨ã‚¨ãƒ©ãƒ¼ã§ã™ã€‚ã‚¨ãƒ©ãƒ¼å‡¦ç†ã®æ–¹æ³•ã¯æœªå®šç¾©ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ç•°ãªã‚Šã¾ã™)ã€‚ labelå±žæ€§ã‚’æŒ‡å®šã™ã‚‹ã¨ã€é¸æŠžé …ç›®ã¨ã—ã¦ãã®ãƒ©ãƒ™ãƒ«ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚label å±žæ€§ãŒãªã‘ã‚Œã° optionè¦ç´ ã®ä¸èº«ãŒé¸æŠžè‚¢ã¨ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ valueå±žæ€§ã§é€ä¿¡ã•ã‚Œã‚‹å€¤ã‚’æŒ‡å®šã—ã¾ã™ã€‚æ„å¤–ã«çŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã‚ˆã†ãªæ°—ãŒã—ã¾ã™ãŒã€valueå±žæ€§ã¯çœç•¥å¯èƒ½ã§ã€çœç•¥ã™ã‚‹ã¨ optionè¦ç´ ã®ä¸èº«ãŒé€ä¿¡ã•ã‚Œã‚‹äº‹ã«ãªã£ã¦ã„ã¾ã™ã€‚ã§ã™
maRk 2010/06/21
form
ãƒªãƒ³ã‚¯
HTMLFormElement - DOM | MDN
This feature is well established and works across many devices and browser versions. Itâ€™s been available across browsers since 2015å¹´7æœˆ. Learn more See full compatibility Report feedback ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ãƒ—ãƒãƒ‘ãƒ†ã‚£ ã“ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã«ã¯è¦ªã§ã‚ã‚‹ HTMLElement ã‹ã‚‰ç¶™æ‰¿ã—ãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚‚ã‚ã‚Šã¾ã™ã€‚ HTMLFormElement.elements èªå–å°‚ç”¨ HTMLFormControlsCollection ã§ã€ã“ã®ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã«æ‰€å±žã™ã‚‹ã™ã¹ã¦ã®ãƒ•ã‚©ãƒ¼ãƒ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’ä¿æŒã—ã¾ã™ã€‚ HTMLFormElement.length èªå–å°‚ç”¨ long ã§ã€ãƒ•ã‚©ãƒ¼ãƒ å†…ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã®æ•°ã‚’åæ˜ ã—ã¾ã™ã€‚ HTML
maRk 2010/06/05
form
ãƒªãƒ³ã‚¯
Web Forms - Dive Into HTML5
You are here: Home Dive Into HTML5 A Form of Madness Diving In Everybody knows about web forms, right? Make a <form>, a few <input type="text"> elements, maybe an <input type="password">, finish it off with an <input type="submit"> button, and youâ€™re done. You donâ€™t know the half of it. HTML5 defines over a dozen new input types that you can use in your forms. And when I say â€œuse,â€ I mean you can
maRk 2010/04/03
html

form

HTML5
ãƒªãƒ³ã‚¯
ç¬¬13å›žã€€ä»Šã™ãã§ãã‚‹ï¼ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’å‘ä¸Šã•ã›ã‚‹ãƒ•ã‚©ãƒ¼ãƒ æ“ä½œå®Ÿè·µï¼ˆ5ï¼‰ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’å®Ÿè£…ã™ã‚‹ | gihyo.jp
ã‚‚ã£ã¨ä¾¿åˆ©ã«ï¼jQueryã§ãƒ©ã‚¯ãƒ©ã‚¯ã‚µã‚¤ãƒˆåˆ¶ä½œï¼ˆå®Ÿè·µã‚µãƒ³ãƒ—ãƒ«ä»˜ãï¼‰ ç¬¬13å›žä»Šã™ãã§ãã‚‹ï¼ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’å‘ä¸Šã•ã›ã‚‹ãƒ•ã‚©ãƒ¼ãƒ æ“ä½œå®Ÿè·µï¼ˆ5ï¼‰ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’å®Ÿè£…ã™ã‚‹ ä»Šå›žã¯é¸æŠžä¸èƒ½ã¨ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãªã©ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ å‰å›žã¯ç–‘ä¼¼ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã®åˆ©ç”¨ã«ã‚ˆã£ã¦ã€ã‚»ãƒ¬ã‚¯ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ä¼¼ãŸã‚ˆã†ãªã“ã¨ã¨ã—ã¦ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã¨ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãã‚Œã¨ä»Šå›žã¯ãã®å‰ã«ã€disabledã‚’åˆ©ç”¨ã—ã¦ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›ã‚’åˆ¶é™ã™ã‚‹æ–¹æ³•ã¨ã€ãã‚Œã‚’JavaScriptã«ã‚ˆã£ã¦ã€åˆ‡ã‚Šæ›¿ãˆã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯å®Œæˆã‚µãƒ³ãƒ—ãƒ«ã‚’ã¿ã¦ãã ã•ã„ã€‚ é¸æŠžä¸èƒ½çŠ¶æ…‹ã«ã—ã¦ãŠãã«ã¯ã€HTMLã«ã€Œdisabled="disabled"ã€ã‚’å…¥ã‚Œã‚‹ã¨ã§ãã¾ã™ï¼ˆæ¬¡ã®ã‚µãƒ³ãƒ—ãƒ«å‚ç…§â ï¼‰â ã€‚ã—ã‹ã—ã€ãã‚Œã‚’é¸æŠžå¯èƒ½çŠ¶æ…‹ã«ã™ã‚‹ã«ã¯JavaScriptã§æ“ä½œã™ã‚‹ã—ã‹
maRk 2010/01/12
å°ã•ã„ç”»åƒã«ã¯lightboxé©ç”¨ã—ãªãã¦ã‚‚ã„ã„ã‚ˆã†ãªæ°—ã‚‚ã™ã‚‹ã‚ˆã†ãªã€‚ï¼ˆä»¥ä¸Šæœ¬ç·¨ã¨ç„¡é–¢ä¿‚

jquery

form
ãƒªãƒ³ã‚¯
Nicht verfÃ¼gbar
maRk 2010/01/12
dafaultvalueä½¿ã‚ãªã„ã‚„ã¤ã€€/ ã‚«ãƒ†ã‚´ãƒªPHPã¯ã¾ã¡ãŒã„ï¼Ÿï¼Ÿ

jquery

form
ãƒªãƒ³ã‚¯
HTMLã®è³ªå•ã§ã™ã€‚ãƒ¬ç‚¹ã‚’ã¤ã‘ã‚‹ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œã‚Šã¾ã—ãŸã€‚â€¦
HTMLã®è³ªå•ã§ã™ã€‚ãƒ¬ç‚¹ã‚’ã¤ã‘ã‚‹ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œã‚Šã¾ã—ãŸã€‚ã‚¯ãƒªã‚¢ã¨ã„ã†ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ãƒã‚§ãƒƒã‚¯ãŒå…¨éƒ¨å¤–ã‚Œã‚‹ã‚ˆã†ã«ã—ãŸã„ã®ã§ã™ãŒã€ã©ã†ã—ãŸã‚‰ã‚ˆã„ã§ã—ã‚‡ã†ã‹ï¼Ÿã‚½ãƒ¼ã‚¹ã‚’æ•™ãˆã¦ãã ã•ã„ã€‚
maRk 2009/12/22
formã§çµ„ã‚“ã§type=reset

form
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸