HTMLã®pattern属性ã¨JavaScriptæ£è¦è¡¨ç¾ã®unicodeオプション - Hatena Developer Blogã“ã‚“ã«ã¡ã¯ã€Webアプリケーションエンジニアã®id:nanto_viã§ã™ã€‚ã¿ãªã•ã‚“HTMLã®ãƒ•ã‚©ãƒ¼ãƒ 検証機能ã¯ä½¿ã£ã¦ã„ã¾ã™ã‹? è¿‘å¹´ã¯å„Webブラウザã®å¯¾å¿œã‚‚進ã¿ã€ãŠæ‰‹è»½ã«ãƒ•ã‚©ãƒ¼ãƒ ã®åˆ©ä¾¿æ€§ã‚’高ã‚られるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãã‚“ãªãƒ•ã‚©ãƒ¼ãƒ 検証機能ã®ã²ã¨ã¤ãŒinputè¦ç´ ã®pattern属性ã§ã™ã€‚pattern属性ã®å€¤ã«JavaScriptã®æ£è¦è¡¨ç¾ãƒ‘ターンを指定ã™ã‚‹ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å…¥åŠ›ãŒæ„図ã—ãªã„ã‚‚ã®ã§ã‚ã£ãŸå ´åˆã€ãƒ•ã‚©ãƒ¼ãƒ é€ä¿¡ãŒã§ããªããªã‚Šã¾ã™ã€‚下図ã¯5æ¡ã®æ•°å—ã®å…¥åŠ›ãŒæ±‚ã‚られるã¨ã“ã‚ã«3æ¡ã—ã‹å…¥åŠ›ã›ãšãƒ•ã‚©ãƒ¼ãƒ é€ä¿¡ã—よã†ã¨ã—ãŸã¨ã“ã‚ã§ã™ã€‚ブラウザã«çµ„ã¿è¾¼ã¿ã®ã‚¨ãƒ©ãƒ¼è¡¨ç¤ºãŒå‡ºç¾ã—ã€ã¾ãŸãã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã«title属性ã®å€¤ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’確èªã§ãã‚‹ã§ã—ょã†ã€‚(pattern属性を指定ã™ã‚‹éš›ã«ã¯ã€title属性ã«æ›¸å¼ã®èª¬æ˜Žã‚’記述ã™ã‚‹ã“ã¨ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚) <input type="text"
{{#tags}}- {{label}}
{{/tags}}