论坛

标题: 时间表单 [打印本页]

作者: 爰昔 时间: 2016-12-13 17:10
标题: 时间表单
[attach]76085[/attach]

<!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
效果出来啦，完成不错，继续加油~

作者: 荷之韵 时间: 2016-12-13 19:33
做的不错，继续加油哈

欢迎光临论坛 (http://bbs.qinxue.com/)