2017/04/12

HTML5 inputの入力制限

入力制限(文字列)

HTML5Pattern
html5からinputのpattern属性で入力制限ができるようになる。pattern属性は正規表現で入力する必要がある。

バリデーション

HTML5で仕様になった入力値チェック+便利な3Tips
HTML5のinputはバリデーションがタグだけで行える。

ファイル属性の制限

<input type="file" id="file1" name="file1" accept="text/plain" />
<input type="file" id="file2" name="file2" accept="image/*"/>
<input type="file" id="file3" name="file3" accept="image/x-eps,application/pdf"/>
<input type="file" id="file4" name="file4" accept="image/*,audio/*"/>
<input type="file" id="file5" name="file5" multiple accept="text/plain" />