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

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

月の入力タイプは、HTMLでを使用して使用されます。これを使用して、ユーザーが月と年を選択できるようにします。しかし、年のポップアップのみを表示したい場合はどうなりますか？ええと、年の入力タイプは利用できません。

年の入力タイプを使用するには、jQueryを使用してdatepickerを追加します。テキスト入力タイプで使用されます。プログラムを実行すると、年のみが表示されます。

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

次のコードを実行して、入力タイプを使用して年を設定する方法を学ぶことができます

例 

<html>
   <head>
      <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js">
      </script>
      <script type="text/javascript">
         $(function() {
            $( "#date" ).datepicker({dateFormat: 'yy'});
         });
      </script>
   </head>
   <body>
      <form action = "" method = "get">
         Details:<br> <br>
         Student Name <br> <input type="name" name="sname"> <br>
         Year of Birth <br> <input type="text" id="date"> <br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>

  1. HTMLでstep属性を使用するにはどうすればよいですか？

    HTML入力タイプのstep属性は、有効な数値間隔を設定します。ステップは、0、4、8、12、16などの数値ステップです。step属性をmax属性およびmin属性と一緒に使用して、有効な値の範囲を作成できます。 例 次のコードを実行して、inputstep属性を持つ数値のステップを作成してみてください。ここでは、ステップ4を作成しているため、有効な入力は4、8、12、16などになります。それ以外の数値を入力して送信ボタンを押すと、「有効な値を入力してください」というメッセージが表示されます。 。また、最も近い2つの値も通知されます。 <!DOCTYPE html> <

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

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