-
Notifications
You must be signed in to change notification settings - Fork 0
/
form.html
102 lines (85 loc) · 2.72 KB
/
form.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<html>
<head>
<title>Data Form</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular-route.min.js"></script>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<link rel="shortcut icon" href="#" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<style>
h2 {text-align: center; color: grey}
body {background-color: #f6f6f6;}
.reports{
float: right; margin-right: 20px ; border: 1px solid black; background-color: #1abc9c; border-style: outset;
}
.reports:hover
{
font-size: 20px;
}
.pullLeft{
float:left;
}
.containerClass{
width:65%;
margin:auto;
border: 1px solid #fff;
padding: 2%;
background:white;
margin-top: 120px;
}
input{
outline: none;
height: 22px;
width: 160px;
}
.btn{
clear: both;
border: 1px solid #efefef;
background: white;
line-height: 15px;
/*border-radius: 5px;*/
background: #fd7a7a;
color: white;
height: 40px;
font-size: 17px;
}
</style>
<body>
<div class="containerClass" ng-app = "mainApp" ng-controller = "dataController">
<h2 style = " margin-top: 30px;">Add Your Profile</h2>
<h2 style = " margin-top: 30px;">Welcome {{user}}</h2>
<div class = "reports" ><a href = "/personaldetails" style="color: cornsilk;">Reports</a></div>
<form action = "http://localhost:8521/uploadfile" method="post" enctype="multipart/form-data" style="margin: auto;width: 80%;">
<div style="position:relative;display: inline-block;text-align: center;">
<div class="pullLeft">
<div><label class ="labels">Name:</label></div>
<div><input class = "box" type="text" name="name" required> </div>
</div>
<div class="pullLeft">
<div><label class ="labels">Age: </label></div>
<div><input class = "box" type="text" name="age" required> </div>
</div>
<div class="pullLeft">
<div><label class ="labels">Number :</label></div>
<div><input class = "box" type="text" maxlength="10" name="number" required></div>
</div>
<div class="pullLeft">
<div><label class ="labels">Date :</label></div>
<div><input class = "box" type="date" name="date" required></div>
</div>
<div class="pullLeft">
<div><label class ="labels">Image :</label></div>
<div><input class = "box" type="file" name="image" required></div>
</div>
</div>
<div style="clear: both;text-align: center;margin:3%; ">
<input style="clear: both;" class="btn" type="submit">
</div>
</form>
</div>
</div> <!end of containerClass -->
</body>
<script src = "/controller.js"></script>
</html>