資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚學
法學如何在 HTML 中使用年份輸入型別？
使用 placeholder 屬性告知使用者所需的輸入格式為 YYYY，以及 <input type="number">、min 和 max 屬性來限制可能性範圍。在 input 事件期間，將 value 或 valueAsNumber 傳遞給新 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 datepicker 標記
要使用年份輸入型別，我們將使用 jQuery 新增 datepicker。它與文字輸入型別一起使用。執行程式後，只會顯示年份。
你可以嘗試執行以下程式碼，瞭解如何使用 input 型別設定年份 -
<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>
輸出
執行以上指令碼後，它將生成一個使用 datepicker JQuery 新增的文字輸入年份型別。
更新日期：05-Sep-2022
21K+ 瀏覽量
廣告