Cat Paw Software

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

<markdown>
# HTML Form

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


## email input

```html5
<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属性と併用すると良い。


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

## number input

数字入力欄。数字であるかバリデーションする。

## tel input

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


</markdown>