contenteditableè¦ç´ ã«å¯¾ã—ã¦placeholderè¨å®šã‚’実ç¾ã™ã‚‹ - QiitaGoogleChrome30.0.1573.2 dev(Mac版)ã§ã®ã¿å‹•ä½œç¢ºèªã—ã¦ã„ã¾ã™ã€‚ HTML5ã®æ©Ÿèƒ½ã¨ã—ã¦æä¾›ã•ã‚Œã‚‹placeholder属性ã§ã™ãŒã€ã¨ã¦ã‚‚ã¨ã¦ã‚‚残念ãªäº‹ã«inputã‚¿ã‚°ã®ã¿ã§contenteditable=trueã®è¦ç´ ã«å¯¾ã—ã¦ã¯ãã®åŠ¹æžœã‚’é©ç”¨å‡ºæ¥ã¾ã›ã‚“。 ãã‚“ãªä¸ã§ã€inputã‚¿ã‚°ã§placeholderを利用ã—ã¦åˆæœŸå€¤ã‚’表示ã—ã¦ã„る箇所ã¨ã€<div contenteditable=true>を利用ã—ã¦å…¥åŠ›å¯èƒ½ã«ã—ã¦ã„ã‚‹å ´æ‰€ãŒã‚ã‚‹ã¨ã€å½“然ユーザーã‹ã‚‰ 『ã‚ã‚Œã€ã“ã“(inputã‚¿ã‚°)ã§è¡¨ç¤ºã—ã¦ã‚‹ã“ã®åˆæœŸè¡¨ç¤ºã‚’ã‚ãã“(contenteditable=true)ã«ã‚‚表示ã§ãるよã†ã«ã—ã¦ã‚ˆã€ ã¨ã‹è¨€ã‚れる訳ã§ã™ã€‚ã¨ã„ã†ã‹è¨€ã‚ã‚Œã¾ã™ã‚ˆã?。ç§ã¯è¨€ã‚ã‚Œã¾ã—ãŸã€‚ ãã“ã§æ‡‡åˆ‡ä¸å¯§ã«èª¬æ˜Žã—ã¦ç†è§£ã—ã¦ãれるユーザーã•ã‚“ãªã‚‰ã„ã„ã‚“ã§ã™ãŒã€ 往々ã«ã—ã¦ã€Žä»•æ§˜ã§ã™ï¼å®Ÿè£…ã—ã¦ãã ã•ã„ã€ã¨
contenteditable=contenteditable - コンテンツã®ç·¨é›†è¨±å¯ - ã¨ã»ã»ã®WWW入門
二年間オスã ã¨æ€ã£ã¦é£¼ã£ã¦ã„ãŸã‚¦ã‚µã‚®ãŒãƒ¡ã‚¹ãƒãƒ¬ã—ãŸã¨ãã®é£¼ã„主ã®æ…Ÿå“
{{#tags}}- {{label}}
{{/tags}}