
- >
- <html lang="en">
- <head>
- <title>Bootstrap Exampletitle>
- <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.3.1/jquery.min.js">script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">script>
- <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
- <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js">script>
- head>
- <script>
- $(function () {
- $("#datepicker").datepicker();
- });
- function readURL(input) {
- if (input.files && input.files[0]) {
- var reader = new FileReader();
- reader.onload = function (e) {
- $('#blah')
- .attr('src', e.target.result)
- .width(150)
- .height(150);
- };
- reader.readAsDataURL(input.files[0]);
- }
- }
- script>
- <body style="background-color:lightblue">
- <div class="col-md-2">div>
- <div class="row">
- <div class="col-md-3">
- <form id="loginForm" method="POST" action="/login/" novalidate="novalidate">
- <div class="form-group">
- <label class="control-label" for="name" >Namelabel>
- <input class="form-control" type="text" id="name" value="" required="" title="Please enter you name" placeholder="Enter a name">
- div>
- <div class="form-group">
- <label class="control-label">Father Namelabel>
- <input class="form-control" id="fname" value="" required="" placeholder="Enter your Father name">
- div>
- <div class="form-group">
- <label class="control-label">Genderlabel><br />
- <input type="radio" name="gender" value="male" checked> Male
- <input type="radio" name="gender" value="female"> Female
- div>
- <div class="form-group">
- <label>Datelabel>
- <input class="form-control" type="text" id="datepicker" placeholder="Enter a DOB" />
- div>
- <div class="form-group">
- <label class="control-label">Mobile Numberlabel>
- <input class="form-control"type="text" id="Mnum" placeholder="Enter a Mobile number" />
- div>
- <div class="form-group">
- <label class="control-label">Lan-Line Numberlabel>
- <input class="form-control" type="text" id="Lanno" placeholder="Enter a Lan number" />
- div>
- <div class="form-group">
- <label class="control-label">Occupationlabel>
- <input class="form-control" type="text" id="occupation" placeholder="Enter a Occupation" />
- div>
- <div class="form-group">
- <label class="control-label">ID Prooflabel> <br />
- <select>
- <option value="0">Select a ID Proofoption>
- <option value="1">Passportoption>
- <option value="2">Voter IDoption>
- <option value="3">Aadhaaroption>
- <option value="4">Pan Cardoption>
- <option value="5">Driving licenceoption>
- <option value="6">Pass bookoption>
- select>
- div>
- <div class="form-group">
- <label class="control-label">Referencelabel>
- <input class="form-control" type="text" id="ref" placeholder="Enter a Reference" />
- div>
- <div class="form-group">
- <label class="control-label">Reference Relationshiplabel>
- <input class="form-control" style="top:98%;" type="text" id="Text1" placeholder="Enter a Reference Relationship" />
- div>
- form>
- div>
- <div class="col-md-3">
- <form id="Form1" method="POST" action="/login/" novalidate="novalidate">
- <div class="form-group">
- <label class="control-label" >Temporary Address label>
- <textarea class="form-control" rows="4" cols="35">
- textarea>
- div>
- <div class="form-group">
- <label class="control-label">Citylabel>
- <input class="form-control" id="city" placeholder="Enter the city ">
- div>
- <div class="form-group">
- <label class="control-label">Statelabel>
- <input class="form-control" id="state" placeholder="Enter the state ">
- div>
- <div class="form-group">
- <label class="control-label">Pincodelabel>
- <input class="form-control" id="Tpincode" placeholder="Enter the pincode ">
- div>
- <div class="form-group">
- <label class="control-label" >Permanent Address label>
- <textarea class="form-control" rows="4" cols="35">
- textarea>
- div>
- <div class="form-group">
- <label class="control-label">Citylabel>
- <input class="form-control" id="Text2" placeholder="Enter the city ">
- div>
- <div class="form-group">
- <label class="control-label">Statelabel>
- <input class="form-control" id="Text3" placeholder="Enter the state ">
- div>
- <div class="form-group">
- <label class="control-label">Pincodelabel>
- <input class="form-control" id="Ppincode" placeholder="Enter the pincode ">
- div>
- form>
- div>
- <div class="col-md-2">
- <div style="margin-top:115%">
- <input type='file' onchange="readURL(this);" /><br />
- <img id="blah" src="#" />
- div>
- div>
- div>
- <div class="col-md-2">div>
- body>
- html>
Rajkiran SwainPosted May 8, 2018, 9:29 AM