Chrome で見て input タグで入力できないことがある場合

最終更新日:2020年09月08日 公開日:2020年9月8日

些細なことだが,驚いたことがあったので書いておく.

「chrome th input 入力できない」で検索しても現時点で出てこなかったので,そういう問題に出会った人もあまりいない可能性もある.

全く意識せずにいつものように既にあるページのコピペで新規ページを作成していた時の事,input type=’text’ のテキスト入力タグに入力できない事態が起こった.

選択は出来るのだが,文字が入っていかないのである.

「なんだこれは?」

javascript や css で何もしていないのにである.
しかし,何回か入力したり,マウスを動かしていると入力できるときもある.
必ず入力できないわけでもない.

しばし考えたが,理由が全く分からない.

この話をしていた時に別の開発の子が

「これ,もしかして th が原因なんじゃ?」

というので,「ハッ」としてみると確かに th の中で使っていた.

table をコピペして,そのまま使っていた関係で本来は項目名などを入れる場所である th に input タグを使っていたのだ.
確かに意味的におかしいし,そもそも意図せず使っていたので,td に変更してみたところ,入力できるようになった.

Chrome はいろいろやってくれるのはいいんだけど,そこまでやるんだったら「何か警告的なもの」を出してほしいと思った次第.

やはり,HTML は意味を考えてタグは使わないといけないということを痛感しました.

突然,入力できないインプットタグに出くわしたら,th を使っていないかチェックしてみてください.

 

Contact

ご質問等ありましたら,下のフォームからお願いします.

 
contact
無料ダウンロード中!
大好評の書籍はこちら
Pagetop