HRMS/boot-form-3C.html at master · mitul-maniar/HRMS · GitHub

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
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

  <!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">

  <p><font face="Verdana" size="1.5px">*All fields are mandetory</font></p>
  <form class="form-horizontal" action="/action_page.php">

<div class="form-group" style="width: 1500px">
    <label class="control-label col-sm-2" style=" text-align: left">Title:</label>
    <div class="col-sm-10">
       <input type="text" style="width:500px ; height:19" placeholder="">
</div>
</div>

<div class="form-group">

<label class="control-label col-sm-2" style=" text-align: left">Type:</label>
    <label class="radio-inline" style="padding-left: 160px">
      <input type="radio" name="optradio">Final
    </label>
    <label class="radio-inline">
      <input type="radio" name="optradio">Provisional
    </label>

</div>
<div class="form-group" style="width: 1500px">

    <div class="col-sm-10">
    <label  style=" text-align: left">Status:</label>
       <select id="" style="width:225; height:19">
          <option>Submitted</option>
          <option>Processing</option>
          <option>Granted</option>
          <option>Published</option>
       </select>
</div>
</div>

<div class="form-group" style="width: 1500px">
    <label class="control-label col-sm-2" style=" text-align: left">Brief Description:</label>
    <div class="col-sm-10">
       <input type="number" style="width:500px; height:19" placeholder="">
</div>
</div>

<div class="form-group">
    <div class=" col-sm-10">
      <button type="submit" class="btn btn-default">Add</button>

  </div>


</form>
</div>

 <div class="table-responsive">

    <table border="3" style="font-family:Verdana; font-size:12px " class="table" >
    <caption>Details</caption>

                <td>Title</td>
                <td>Type</td>
                <td>Status</td>
                <td>Brief Description</td>
                <td></td>
                <td></td>
                </tr>
                <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td><input type="button" value="Edit"></td>
                <td><input type="button" value="Edit"></td>


  </table>
</div>

<center>
   <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default">Save & Next</button>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <button type="submit" class="btn btn-default">Reset</button>
    </div>
  </div>
  </center>
</body>
</html>