html - HTML 5の入力タイプ番号が機能していませんか？

Question

<form name="form" method="get" action="" >
Number : 
<input type="number" name="num" id="num" min="1" max="5" required="required"/> <br/>
Email :
<input type="email" name="email" id="email"  required="required"/> <br />
<input type="submit" name="submit" id="submit" value="submit"  />
</form>

フォームの送信時にもアルファベットを使用しています。エラーメッセージは生成されません番号タイプが機能していません。

Answer 1

HTML5で入力タイプ番号を使用する方法は次のとおりです。

<input type="number" name="cost">

入力タイプ番号の実際の例を次に示します。

検証を追加する場合は、次のことを試してください。

<input type="number" pattern="[0-9]*" name="cost">

これは、パターン属性の実際の例です。

注：入力タイプ番号とパターン属性の両方で、ブラウザーのサポートが制限されています。