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

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

[mas-higa]

s/必ず「こんにちはかわいい犬ですねと入力してください」/必ず「こんにちはかわいい犬ですね」と入力してください/

[mohri]

こんにちはこんにちは

[hogashi]

おもしろい