HTML5 Form Browser Support Test Page

Use this page to check support and appearance of HTML5 form controls for your browser. Play around with them and submit the form (using the submit or image control in the "buttons" section below) to see how the data is handled.

The form submits to itself using the GET method. So all the data is passed via the query string. A javascript on the page will evaluate the query string and display the submitted data conveniently.

Feel free to edit the document locally and play more around.

<form method=get action="" autocomplete=off><input type=hidden name=_charset_>

Common Text controls

More text controls

multiple accepted (comma separated)

pattern="[ \t\d+*/-]+"

pattern="https?://.+"

Special text controls

min=1 max=10 pattern="[1-9]|10"

min=1 max=10

Date and time controls

there's a datalist assigned. Browsers don't seem to use it though, if they provide a date picker.

there's a datalist assigned. Browsers don't seem to use it though, if they provide a date picker.

min="09:00" max="17:00" step="1800"

pattern="\d\d\d\d-W\d\d"

Selection controls

grouped with optgroup

Checkbox:

Radio:

Upload controls

form method is "get", so only the filename(s) will be submitted. "multiple" flag is set.

<keygen id=keygen name=keygen keytype=rsa>

<keygen> generates a private/public key pair, stores the private key in your browser and submits the public key. If you want to play with that, modify the html file. Beware: Browsers are buggy here. Sometimes they generate and store even if the control has no name or is disabled!

Buttons

</form>