hitode909の日記

以前はプログラミング日記でしたが、今は子育て日記です

こんにちはかわいい犬ですね以外のことを書くとエラーになる入力欄を作りたいとき

inputのpatternを使って、よくある、A-Z0-9+とかじゃなくて、こ→ん→に→ち→は→か→わ→い→い、みたいに1文字ずつ指定してしまうと、指定した文字列以外のことを書けなくなっておもしろい気がする。
コメント欄にこのpatternを指定すると、こんにちはかわいい犬ですねとしか投稿できないコメント欄が完成する。
SaaSとかで、これから削除するリソース名を入力してください、というところとかも、これを使って実装できるかもしれない。


<input
  size=30
  type="text"
  required pattern="こんにちはかわいい犬ですね"
  title="必ず「こんにちはかわいい犬ですねと入力してください」"