セマンティックã§ä½¿ã„ã‚„ã™ã„フォームを制作ã™ã‚‹ãŸã‚ã®ç¿’作ビギナーã®ãŸã‚ã®ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã§ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルã§æ©Ÿèƒ½æ€§ã«ã‚‚優れãŸãƒ•ã‚©ãƒ¼ãƒ を制作ã™ã‚‹ãŸã‚ã®ç¿’作Nettuts+ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 20+ HTML Forms Best Practices for Beginners 下記ã¯ã€ãã®æ„訳ã§ã™ã€‚ 1ステップãšã¤ãƒ•ã‚©ãƒ¼ãƒ を改善ã—ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルã§æ©Ÿèƒ½æ€§ã‚’アップã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ セマンティック アクセシビリティ ファンクショナリティ デザイン çµè«– セマンティック 1. fieldsetを使用 ユーザーãŒå…¥åŠ›ã™ã‚‹å¤šãã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãŒã‚ã‚‹éš›ã€fieldsetè¦ç´ を使用ã—ã¦é¡žä¼¼æƒ…å ±ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ <textarea name="code" class="html" cols="60" rows="5"> <fieldset> <span>Billing Address</span><input type="text" /> <span>City</sp
スタイリッシュãªãƒ•ã‚©ãƒ¼ãƒ を作るã¨ãã«è¦‹ã‚‹ã¹ãエントリã¾ã¨ã‚
http://www.designwalker.com/2009/03/form-design-2.html
アクセシブルã§ã€ç¾Žã—ã„フォームを実装ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† | コリス
https://blog.8-p.info/2009/03/textfield-js
é€ä¿¡ãƒœã‚¿ãƒ³ã®ä¸Šã«ãƒªãƒ³ã‚¯ãŒã‚ã‚Œã°tabindex=-1ã« | ランサーズ社長日記
{{#tags}}- {{label}}
{{/tags}}