少しの配慮で大きな効果を生む！フォームが使いやすくなる9つのTIPS

マークアップ・エンジニアの鳥居です。 フォーム関係のコーディングを行う際、たとえお客さまの要件にない場合でも、できるだけ効果の上がるものになるよう、ちょっとした機能をプラスオンすることを心がけています。 今回はそういった、私がいつも使用している JavaScript や CSS をまとめてみました。 どれも基本的な事かもしれませんが、簡単にできる事も多いですので、ぜひ一度試してみてください。 <label>と<input>を関連付ける 【HTML】 <select>で<optgroup>を使う 【HTML】 <input>にフォーカスした時、背景や枠線の色を変更 【CSS / JS】 Chromeでフォーカスした時にでる黄色の枠を消す 【CSS】 エンターを押してもsubmitせずに、次の入力エリアに移動するjqKey.js 【JS】 日本語を自動変換するvalueconvertor.js