{category}

HTML - フォーム関連

pattern

パターン(属性

意味 入力パターン指定


patternとは?

テキスト入力で許可される文字列の正規表現パターンを設定します。

patternの具体的な使い方

数字のみ入力を許可する例

<input type="text" pattern="[0-9]*">

このinput要素は数字のみを受け入れます。

3文字のアルファベットのみ入力を許可する例

<input type="text" pattern="[A-Za-z]{3}">

このinput要素は3文字のアルファベットのみを受け入れます。

patternに関するよくある質問

Q. patternは必須属性ですか?
A. いいえ、patternは任意の属性です。指定しない場合は制限なしになります。
Q. パターンに合わない入力は?
A. フォーム送信時にエラーメッセージが表示され、送信がブロックされます。
Q. 正規表現の基本を教えてください
A. []は文字クラス、*は0回以上の繰り返し、{n}はn回の繰り返しを表します。詳細は正規表現のドキュメントを参照してください。

patternが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、HTMLのpatternやrowspan、charset、download、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


HTMLを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!HTMLはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

rowspan

縦方向の結合

種類: テーブル関連

charset

文字エンコーディング

種類: メタデータ関連

download

ダウンロードリンク

種類: リンク関連

<fieldset>

フォーム要素のグループ化

種類: フォーム

<select>

選択式のメニュー

種類: フォーム