文書の過去の版を表示しています。

---

HTML Form

• https://html.spec.whatwg.org/multipage/forms.html#forms

email input

<input type="email">

email入力フィールド。入力値がemailとして正しいかバリデーションする。デフォルトで以下の正規表現によるチェックが行われる

/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/

入力したemailがこの正規表現にマッチする場合CSSの:valid擬似クラスが、マッチしない場合は:invalid擬似クラスが自動的にセットされる。

url input

URL入力欄。URLの形式として正しいかバリデーションする。hoge:などのように適当なスキームでも通ってしまうのでpattern属性と併用すると良い。

<input type="url" pattern="https?://.+">

number input

数字入力欄。数字であるかバリデーションする。数値ではないので小数は通らない。

tel input

電話番号入力欄。バリデーションがありそうでない（国によって電話番号のフォーマットが異なるため）

n>