Computer >> Máy Tính >  >> Lập trình >> HTML

Làm cách nào để sử dụng kiểu nhập năm trong HTML?


Loại đầu vào tháng được sử dụng trong HTML bằng cách sử dụng . Bằng cách sử dụng này, cho phép người dùng chọn tháng và năm. Nhưng, nếu bạn chỉ muốn hiển thị cửa sổ bật lên của năm thì sao? Chà, không có loại đầu vào năm.

Để sử dụng kiểu nhập năm, chúng tôi sẽ sử dụng jQuery để thêm trình chọn ngày. Nó được sử dụng với kiểu nhập văn bản. Khi chạy chương trình, chỉ năm mới được hiển thị.

Làm cách nào để sử dụng kiểu nhập năm trong HTML?

Bạn có thể thử chạy mã sau để tìm hiểu cách sử dụng loại đầu vào để đặt năm

Ví dụ

<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>