时间日期类型的使用

最新推荐文章于 2024-09-14 08:09:14 发布

已转行@

最新推荐文章于 2024-09-14 08:09:14 发布

阅读量174

点赞数 1

分类专栏：从零学习HTML5 文章标签： html html5

原文链接：https://www.ptpress.com.cn

版权

HTML5 时间日期类型 input元素前端开发表单

关键词由CSDN通过智能技术生成

从零学习HTML5 专栏收录该内容

57 篇文章 12 订阅

订阅专栏

在HTML5中添加多个input元素，分别指定这些元素的type属性值为时间日期类型。下面来演示.

效果图：

7-7

用户可以直接向输入框输入内容，也可以单击输入框之后的按钮进行选择。如下图：

7-7-2

代码如下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>时间日期类型的使用</title>
</head>
<body>
	<form action="#" method="get">
		<input type="date" />&nbsp;
		<input type="month" />&nbsp;<br/>
		<input type="week" />&nbsp;
		<input type="time" />&nbsp;<br/>
		<input type="datetime" />&nbsp;<br/>
		<input type="datetime-local" />
		<input type="submit" value="提交" />
	</form>
</body>
</html>