HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

数値入力のみを受け入れるようにHTML入力ボックスを制限するにはどうすればよいですか？

HTML入力ボックスが数値入力を受け入れるように制限するには、を使用します。これにより、数値入力フィールドが得られます。

入力ボックスを数字に制限した後、ユーザーがテキストを入力して送信ボタンを押すと、「数字を入力してください」というメッセージが表示されます。

数値入力のみを受け入れるようにHTML入力ボックスを制限するにはどうすればよいですか？

例

次のコードを実行して、HTML入力ボックスを制限し、数値入力のみを受け入れるようにすることができます-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML input number</title>
   </head>

   <body>
      <form action = "" method = "get">
         Enter any number between 1 to 20:
         <input type="number" name="num" min="1" max="20"><br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>

  1. HTMLでプレースホルダー属性を使用するにはどうすればよいですか？

    テキスト領域または入力フィールドのヒントを設定する場合は、HTMLプレースホルダー属性を使用します。ヒントは期待値であり、ユーザーが名前や詳細などの値を入力する前に表示されます。 例 次のコードを実行して、HTMLでプレースホルダー属性を使用する方法を学ぶことができます。 <!DOCTYPE html> <html>    <body>       <h2>Register</h2>       <form action="/new

  2. HTMLDOM入力番号オブジェクト

    HTML DOM入力番号オブジェクトは、