Irohabook
CSS CSSによる装飾

[css]inputとlabelをidとforで紐づけるときはinputの後にlabelを置く

広告

input をフォーカスしたときにそれと紐づけられた label のデザインを変えたいとします。この場合、コード上で input の後に label を置かないとうまく動作しません。

見た目では label input の順になることがほとんどですが、コードはその反対にします。id と for の紐づけは順序が影響します。

広告

コンピューター コンピューター
プログラミング プログラミング
数学 数学
英語 英語
国語 国語
理科 理科
社会 社会