时间表单

登录

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#box {
height: 240px;
width: 400px;
margin-right: auto;
margin-left: auto;
text-align: right;
background-color: rgba(204,0,204,1);
}
#box #form1 #month {
height: 20px;
width: 200px;
margin-top: 20px;
margin-bottom: 5px;
padding-left: 10px;
margin-right: 20px;
}
#box #form1 #date {height: 20px;
width: 200px;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 10px;
margin-right: 20px;
}
#box #form1 #datetime {height: 20px;
width: 200px;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 10px;
margin-right: 20px;
}
#box #form1 #datetime-local {
height: 20px;
width: 200px;
margin-top: 5px;

padding-left: 10px;
margin-right: 20px;
}
#box #form1 #time {height: 20px;
width: 200px;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 10px;
margin-right: 20px;
}
#box #form1 #week {height: 20px;
width: 200px;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 10px;
margin-right: 20px;
}
#box #form1 {
font-family: "微软雅黑", "华文细黑";
font-size: 16px;
margin: 20px;
}
#box #form1 lable {
text-align: right;
}
</style>
</head>

<body>
<div id="box">
<form id="form1" name="form1" method="post">
<label for="month">月：</label>
<input name="month" type="month" id="month" /><br />
<label for="week">
周：</label>
<input name="week" type="week" id="week" /><br />
<label for="date">日期：</label>
<input name="date" type="date" id="date" /><br />
<label for="time">
<label for="time">时间：</label>
<input name="time" type="time" id="time" /><br />

<label for="datetime">日期时间：</label>
<input name="datetime" type="datetime" id="datetime" /><br />
<label for="datetime-local">本地日期时间：</label>
<input name="datetime-local" type="datetime-local" id="datetime-local" /><br/>

</form>
</div>
</body>
</html>

潜意式 · 发表于 2016-12-13 19:04:54

效果出来啦，完成不错，继续加油~

荷之韵 · 发表于 2016-12-13 19:33:27

做的不错，继续加油哈

[作业] 时间表单

本帖子中包含更多资源

共2个回复最后回复于 2016-12-13 19:33

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[作业] 时间表单

本帖子中包含更多资源

共2个回复 最后回复于 2016-12-13 19:33

共2个回复最后回复于 2016-12-13 19:33