マークアップ・エンジニアの鳥居です。 フォーム関係のコーディングを行う際、たとえお客さまの要件にない場合でも、できるだけ効果の上がるものになるよう、ちょっとした機能をプラスオンすることを心がけています。 今回はそういった、私がいつも使用している JavaScript や CSS をまとめてみました。 どれも基本的な事かもしれませんが、簡単にできる事も多いですので、ぜひ一度試してみてください。 <label>と<input>を関連付ける 【HTML】 <select>で<optgroup>を使う 【HTML】 <input>にフォーカスした時、背景や枠線の色を変更 【CSS / JS】 Chromeでフォーカスした時にでる黄色の枠を消す 【CSS】 エンターを押してもsubmitせずに、次の入力エリアに移動するjqKey.js 【JS】 日本語を自動変換するvalueconvertor.js
![少しの配慮で大きな効果を生む!フォームが使いやすくなる9つのTIPS](https://cdn-ak-scissors.b.st-hatena.com/image/square/875c0be8e5beead51a4bcc2741f35b68d9518b16/height=288;version=1;width=512/https%3A%2F%2Ftogalu.jp%2Flacne%2Fowned_media%2Fupload%2Ftogalu14.jpg)