<!DOCTYPE html>
<html><!--构思不完善-->
<head>
<title>GYL-Task Management System</title>
<meta charset="utf-8">
<!-- 确保不同分辨率正确显示页面 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<style type="text/css">
body{background-image:url(static/image/light.png);background-color: black;}
.container
{
position: fixed;
top:10%;
right:-15%;
}
#gm,#ga,#ge,#gj,#gt
{
border:1px solid LightSkyBlue;
background:transparent;
}
#btn
{
position: relative;
right: -123px;
}
label
{
color: white;
}
</style>
<body>
<form action="" class = 'form-horizontal' method="post" accept-charset="utf-8" role = 'form'>
<div class = 'container'>
<div class = 'form-group'>
<div class = 'col-lg-3'>
<label for="gm">
<span class="glyphicon glyphicon-user"></span>姓名:</label>
<input type="text" name="gyl_personnel_name_register" id = 'gm' placeholder="请输入姓名" class="form-control">
</div>
</div>
<div class = 'form-group'>
<div class = 'col-lg-3'>
<label for="ga">
<span class="glyphicon glyphicon-leaf"></span>
年龄:</label>
<select name="gyl_personnel_age_register" id = 'ga' class="form-control">
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>other</option>
</select>
</div>
</div>
<div class = 'form-group'>
<label for="gg" class = 'radio-inline'>性别:</label>
<input type="radio" name="gyl_personnel_gender_redister" id = 'gg' value = 'check1' checked />
<input type="radio" name="gyl_personnel_gender_redister" varlue = 'check2' id = 'gg'/>
</div>
<div class = 'form-group'>
<div class = 'col-lg-3'>
<label for="ge">
<span class = 'glyphicon glyphicon-send'></span>
email:</label>
<input type="email" name="gyl_personnel_email_register" id = 'ge' placeholder="请输入email" class="form-control">
</div>
</div>
<div class = 'form-group'>
<div class = 'col-lg-3'>
<label for="gt">
<span class = 'glyphicon glyphicon-phone'></span>
手机:</label>
<input type="text" name="gyl_personnel_tel_register" id = 'gt' placeholder="请输入手机号" class="form-control">
</div>
</div>
<div class = 'form-group'>
<div class = 'col-lg-3'>
<label for="gj">
<span class = 'glyphicon glyphicon-gift'></span>
职位:</label>
<input type="text" name="gyl_personnel_job_register" id = 'gj' placeholder="请输入职位" class="form-control">
</div>
</div>
<div class = 'form-group'>
<label for="btn"></label>
<input type="submit" id = 'btn' class = 'btn btn-success' value = '注册'>
</div>
</div>
</form>
</body>
<!--<?php
//获取访问ip
$ip = $_SERVER['REMOTE_ADDR'];
//$ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
//打开一个ipaddres.txt如果没有在根目录下创建
//or die('')前面错误切断并输出提示语
$filePath = __STATIC_PACH__ . 'ipaddress/ipAddres.txt';
$ipAddres = fopen($filePath,"a") or die('- -出现BUG了,快联系楼猪');
//设置年月日时分秒
$time = gmdate("Y/m/d/H:i:s",time()+8*3600);
//用连接符串连
$iptime = '访问ip：'."$ip"."————————".'访问时间：'."$time"."\n";
//保存到ipAddres.txt文件里
fwrite($ipAddres,$iptime);
//关闭文件
fclose($ipAddres);
//echo $ip;
?> -->
</html>复习一下bootstrap,先来个简单的表单
猜你喜欢
转载自blog.csdn.net/qq_34886247/article/details/80701672
今日推荐
周排行