まだまだHTMLで知らないことがある

HTMLを書くようになって随分経つけれど（大学のころからなので20年以上）、まだまだ知らないことがあるし、どんどん新しく覚えることが増える。今日はinput要素のmaxlength属性の文字の数え方がコードユニットである（コードポイントではない）ことを覚えた。つまり、絵文字のようにサロゲートペアで表現される文字は maxlength="1" が指定されている入力欄に入力できないということだ。

絵文字も含めて1文字のみの入力制限を実現するためには、pattern属性で頑張るか、JavaScriptを使う必要がある模様。やりたいことは単純なのに、実現がちょっと面倒なケースに当たってしまったらしかった。

今日作った夕飯