input や textarea で size や cols を使ってはならぬ


HTML フォームの入力欄の長さがある日突然長~く伸びてしまい,レイアウトが狂いまくりました。

もずはっく日記(2015年8月) によると,input の長さを size 属性で指定している場合,Windows 7 + Firefox 40 の組み合わせでそうなるようです。
詳細が載っていますので,ぜひご一読を。

それによると,上記の組み合わせが悪い,という単純な話ではないようです。
そもそも input の size 属性や textarea の cols 属性を指定した場合に,実際にどういう大きさになるかはウェブ標準ではハッキリせず,これを用いたレイアウトはスジ悪ということみたいですね。
CSS の width とか max-width などのプロパティーでやりましょう,と。