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

HTMLのステップで入力タイプフィールドを使用するにはどうすればよいですか？

HTML入力タイプのstep属性は、有効な数値間隔を設定します。ステップは、0、5、10、15、20などの数値ステップです。step属性をmax属性およびmin属性と一緒に使用して、有効な値の範囲を作成できます。

HTMLのステップで入力タイプフィールドを使用するにはどうすればよいですか？

例

次のコードを実行して、inputstep属性を持つ数値のステップを作成してみてください。ここでは、ステップ5を作成しているため、有効な入力は5、10、15、20などになります。

それ以外の番号を入力して送信ボタンを押すと、「有効な値を入力してください」というメッセージが表示されます。また、最も近い2つの値も通知されます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML input step attribute</title>
   </head>

   <body>
      <form action = "" method = "get">
         <input type="number" name="points" step="5"><br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>

  1. HTMLで年入力タイプを使用するにはどうすればよいですか？

    月の入力タイプは、HTMLでを使用して使用されます。これを使用して、ユーザーが月と年を選択できるようにします。しかし、年のポップアップのみを表示したい場合はどうなりますか？ええと、年の入力タイプは利用できません。 年の入力タイプを使用するには、jQueryを使用してdatepickerを追加します。テキスト入力タイプで使用されます。プログラムを実行すると、年のみが表示されます。 次のコードを実行して、入力タイプを使用して年を設定する方法を学ぶことができます 例 <html>    <head>       &l

  2. HTML入力フィールドのオートコンプリートを無効にする方法は？

    入力フィールドのオートコンプリートを無効にするには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style>    input{       font-size: 18px;       padding: 10px;       margin: 10px;       border:1px solid grey;    } </styl