HTML5中的日期和时间控制

HTML5中有几种日期和时间的输入类型。

他们是:

  • 日期输入类型:日期类型用于用户输入有效日期。它检查用户输入的有效日期。其语法如下所示
 <input type="date">

示例:

<!DOCTYPE HTML>
<html>
<body>
<form method="post">
Date <input type="date"
<input type="submit" 
</form>
</body>
</html>
  • 时间输入类型:时间输入类型用于有效时间条目。它接受24小时时间格式的输入。它的语法如下
<input type="time">

示例:

<!DOCTYPE HTML>
<html>
<body>
<form method="post">
Time <input type="time"
<input type="submit" 
</form>
</body>
</html>
  • DateTime输入类型:DateTime Input类型用于接受用户的有效日期时间。它的语法如下
<input type="datetime">

示例:

<!DOCTYPE HTML>
<html>
<body>
<form method="post">
Date Time <input type="datetime"
<input type="submit" 
</form>
</body>
</html>
  • 周输入类型:本周输入类型用于输入条目。它的格式是yyyy-wno(没有表示周号)。它的语法如下
<input type="week">

示例:

<!DOCTYPE HTML>
<html>
<body>
<form method="post">
Week <input type="week"
<input type="submit" 
</form>
</body>
</html>
  • 月输入类型:月类型用于输入条目。它的格式是yyyy-月。它的语法如下
<input type="month">

示例:

<!DOCTYPE HTML>
<html>
<body>
<form method="post">
Month <input type="month"
<input type="submit" 
</form>
</body>
</html>
日期:2020-04-11 23:04:03 来源:oir作者:oir