HTML5 Placeholder Input Fields Fixed with jQuery
Hi, I’m Nico Hagenburger I enjoy designing clean, simple websites, developing living style guides & increasing usability. HTML5 added some new features for input and textarea fields. One is inspired by Safari’s search box: placeholder This adds an default text if the textfield is empty: <input type="text" placeholder="Fill me …"> jQuery Fix for All Browsers Currently the placeholder works with the
プレースホルダã¨HTML5ã®placeholder属性
プレースホルダã¨HTML5ã®placeholder属性 HTML5ã§å°Žå…¥ã•ã‚ŒãŸplaceholder属性ã«ã‚ˆã£ã¦ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›æ¬„ã«ãƒ—レースホルダをè¨å®šã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ã•ã¦ã€ã“ã®ã€Œãƒ—レースホルダã€ã¨ã¯ãã‚‚ãã‚‚ãªã‚“ãªã®ã§ã—ょã†ã‹ã€‚ã¾ãŸã€ãƒ—レースホルダã«ã¯ã©ã®ã‚ˆã†ãªãƒ†ã‚ストを書ã‘ã°ã‚ˆã„ã®ã§ã—ょã†ã‹ã€‚ プレースホルダã£ã¦ãªã«? フォームã®å…¥åŠ›æ¬„ã«ã€è–„ã„ç°è‰²ã®ãƒ†ã‚ストãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚’見ã‹ã‘ã¾ã™ã€‚ã‚ã®ãƒ†ã‚ストやã€ãƒ†ã‚ストをæä¾›ã™ã‚‹ä»•çµ„ã¿ã¯ã€ãƒ—レースホルダã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚ Safariã§ã¯ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã«â€œGo to this addressâ€ã€æ¤œç´¢ãƒãƒ¼ã«â€œGoogleâ€ã¨ã„ã†ãƒ—レースホルダãŒè¨å®šã•ã‚Œã¦ã„る。 「プレースホルダ (“placeholderâ€)〠ã¨ã¯ã€ã€Œå®Ÿéš›ã®ã‚‚ã®ã«ä»£ã‚ã£ã¦ç¾ã‚Œã‚‹ã‚‚ã®ã€ã‚’æ„味ã—ã¾ã™ã€‚ãŸã¨ãˆã°ã€Webサイトã®ãƒ†ãƒ³ãƒ—レートを作る際ã«ã€å®Ÿéš›ã®ãƒšãƒ¼ã‚¸ã«ã¯ãªã„テã‚ス
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.splashnology.com/article/html5-placeholder-stylization-with-the-help-of-css/1398/
{{#tags}}- {{label}}
{{/tags}}