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>