HTMLのinput要素の入力制限【現役エンジニアが解説】

今回は、HTMLのinput要素の入力制限について、文字数や入力方式、入力値に分け、簡単に解説していきます。

最小もしくは最大文字数制限

最小文字数制限はminlength属性で文字数を指定します。

一方、最大文字数に関してはmaxlength属性で制限することができます。

<input type="tel" minlength="10" maxlength="11">

上記のコードでは、電話番号入力欄の最小文字数を10、最大文字数を11に設定しています。

フォーカス時の入力方式制限

フォーカスした際の入力方式を変えるにはtype属性を変更します。