資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時裝設計
法律學如何在 HTML 中使用年輸入型別？
使用佔位符屬性讓使用者知道所需的輸入格式為 YYYY，以及 <input type="number">、min 和 max 屬性來限制可能性範圍。在輸入事件 () 期間，將值或 valueAsNumber 傳遞給 new Date 的第一個引數
以下是示例...
示例
在以下示例中，我們使用 placeholder 來表示輸入型別為年。
<!DOCTYPE html> <html> <body> <input type="number" placeholder="YYYY" min="1999" max="2020"> <script> document.querySelector("input[type=number]") .oninput = e => console.log(new Date(e.target.valueAsNumber, 0, 1)) </script> </body> </html>
示例
執行上述指令碼後，它將生成一個使用佔位符新增的年輸入型別。
示例：使用 JQuery 日期選擇器標籤
要使用年輸入型別，我們將使用 jQuery 新增日期選擇器。它與文字輸入型別一起使用。執行該程式後，將只顯示年份。
您可以嘗試執行以下程式碼來了解如何使用輸入型別設定年 -
<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>
示例
執行上述指令碼後，它將生成一個使用日期選擇器 jQuery 新增的文字年輸入型別。
更新日期：2022 年 9 月 5 日
21K+ 次瀏覽
廣告