【HTMLCSS】创建⽇期和时间表单控件属性值说明
date选择⽇,⽉,年
month选择⽉,年
week选择周,年
time选择时间(时,分)datetime输⼊时间后,会验证是否是时间格式datetime-local选择时间,⽇期,⽉,年(本地时间)对应⽰例代码如下:
html和css书籍推荐<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>分类展⽰不同形式的选择⽇期</title>
</head>
<body>
<form >
<div class="form-group">
<label for="date">⽇-⽉-年</label>
<input type="date" name="date" id="date" value="" />
</div>
<div class="form-group">
<label for="month">年-⽉</label>
<input type="month" name="month" id="month" value="" />
</div>
<div class="form-group">
<label for="week">年-周</label>
<input type="week" name="week" id="week" value="" />
</div>
<div class="form-group">
<label for="time">时-分</label>
<input type="time" name="date" id="time" value="" />
</div>
<div class="form-group">
<label for="date">⽇期-时间</label>
<input type="datetime" name="date" id="datetime" value="" />
</div>
<div class="form-group">
<label for="datetime-local">⽇期-时间</label>
<input type="datetime-local" name="date" id="datetime-local" value="" />
</div>
</form>
</body>
</html>
date
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论