kimisyox https://blog.hatena.ne.jp/kimisyox/ トラストバンクテックブログ https://tech.trustbank.co.jp/ フロントエンド HTML トラストバンク開発部・フロントエンドチームの君田（きみた）です。 本日はinputタグのpattern属性について書いていこうと思います。 フロントエンド開発をしていると、入力値の検証はどこかで実装する機会がある機能です。 そんなときに少しでも役に立てれば嬉しいです。 patern属性について pattern属性とはinput要素に正規表現を適用させることができる便利な属性です。 どんなinput要素にも指定できるわけではなく、以下のtype属性を指定した場合に有効になります。 text tel. email url password search 正規表現を設定することによって、入力欄が空文… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.trustbank.co.jp%2Fentry%2F2023%2F01%2F30%2F093436" title="inputタグに正規表現を適用させる！pattern属性とは？ - トラストバンクテックブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimisyox/20230126/20230126121643.gif Hatena Blog https://hatena.blog 2023-01-30 09:34:36 rich https://tech.trustbank.co.jp/entry/2023/01/30/093436 1.0 100%