论坛

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

作者: 爰昔    时间: 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/) Powered by Discuz! X3.1