数据结构
网络
关系型数据库管理系统
操作系统
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+ 次浏览
广告