コトリ式

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

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

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


今日作った夕飯

  • ごはん
  • 鮭のムニエルとキャベツの千切り
  • 牛肉と玉ねぎとピーマンのマスタードとバルサミコ酢炒め
  • 枝豆の蒸し焼きにしたの
  • 大根ともやしとワカメの味噌汁