labelで失敗した。

labelで失敗した。

<label><input id=”inputID” name=”inputID” type=”text”  value=”" /></label>

みたいなものを作ったときに、あとから仕様が変わって <label><input id=”inputID1″ name=”inputID1″ type=”text”  value=”" /><input id=”inputID2″ name=”inputID2″ type=”text”  value=”" /></label> 急に言われたのもあり、2分割しました。 が inputID2を”クリック”するとinputID1にフォーカスがいく・・・ なんだ?わからん。css切ってもjs切っても(そもそもjsは使ってない)フォーカスがinputID1へ・・・(タブで移動すると何も起こらない。) 結局

<label><input id="inputID1" name="inputID1" type="text"  value="" /></label>
labelで失敗した。

<label><input id="inputID2" name="inputID2" type="text"  value="" /></label> こうすることで問題はなくなったのですが。

  • labelをクリックするとlabelの中にあるinput等(first-childかなぁ)がfocusされる。//(普通1つのlabelに対してinput等は1つだし・・・)
  • もしも2つ以上あった場合はfirst-childがfocusされる。
  • firefox3,webkitで確認。ieはならんかった。(ieが間違ってる。)
  • そもそも自分がおかしかったと。

javascript使ってもいないのに変な挙動したので、なんだか面白かったなぁ。


Tags: ,

 
 
 

コメントをどうぞ