TECHNOLOGIES
FORUMS
JOBS
BOOKS
EVENTS
INTERVIEWS
Live
MORE
LEARN
Training
CAREER
MEMBERS
VIDEOS
NEWS
BLOGS
Sign Up
Login
No unread comment.
View All Comments
No unread message.
View All Messages
No unread notification.
View All Notifications
Answers
Post
An Article
A Blog
A News
A Video
An EBook
An Interview Question
Ask Question
Forums
Monthly Leaders
Forum guidelines
Mohan Arumugam
NA
465
37.2k
Getting scroll need to remove
May 8 2018 6:00 AM
<!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.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"
>
Name
</
label
>
<
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 Name
</
label
>
<
input
class
=
"form-control"
id
=
"fname"
value
=
""
required
=
""
placeholder
=
"Enter your Father name"
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"control-label"
>
Gender
</
label
>
<
br
/>
<
input
type
=
"radio"
name
=
"gender"
value
=
"male"
checked
>
Male
<
input
type
=
"radio"
name
=
"gender"
value
=
"female"
>
Female
</
div
>
<
div
class
=
"form-group"
>
<
label
>
Date
</
label
>
<
input
class
=
"form-control"
type
=
"text"
id
=
"datepicker"
placeholder
=
"Enter a DOB"
/>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"control-label"
>
Mobile Number
</
label
>
<
input
class
="form-control"
type
="text"
id
=
"Mnum"
placeholder
=
"Enter a Mobile number"
/>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"control-label"
>
Lan-Line Number
</
label
>
<
input
class
=
"form-control"
type
=
"text"
id
=
"Lanno"
placeholder
=
"Enter a Lan number"
/>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"control-label"
>
Occupation
</
label
>
<
input
class
=
"form-control"
type
=
"text"
id
=
"occupation"
placeholder
=
"Enter a Occupation"
/>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"control-label"
>
ID Proof
</
label
>
<
br
/>
<
select
>
<
option
value
=
"0"
>
Select a ID Proof
</
option
>
<
option
value
=
"1"
>
Passport
</
option
>
<
option
value
=
"2"
>
Voter ID
</
option
>
<
option
value
=
"3"
>
Aadhaar
</
option
>
<
option
value
=
"4"
>
Pan Card
</
option
>
<
option
value
=
"5"
>
Driving licence
</
option
>
<
option
value
=
"6"
>
Pass book
</
option
>
</
select
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"control-label"
>
Reference
</
label
>
<
input
class
=
"form-control"
type
=
"text"
id
=
"ref"
placeholder
=
"Enter a Reference"
/>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"control-label"
>
Reference Relationship
</
label
>
<
input
class
=
"form-control"
style
=
"top:98%;"
type
=
"text"
id
=
"Text1"
placeholder
=
"Enter a Reference Relationship"
/>
</
div
>
<!--<button type="submit" class="btn btn-success btn-block">Login</button>-->
</
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"
>
City
</
label
>
<
input
class
=
"form-control"
id
=
"city"
placeholder
=
"Enter the city "
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"control-label"
>
State
</
label
>
<
input
class
=
"form-control"
id
=
"state"
placeholder
=
"Enter the state "
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"control-label"
>
Pincode
</
label
>
<
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"
>
City
</
label
>
<
input
class
=
"form-control"
id
=
"Text2"
placeholder
=
"Enter the city "
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"control-label"
>
State
</
label
>
<
input
class
=
"form-control"
id
=
"Text3"
placeholder
=
"Enter the state "
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"control-label"
>
Pincode
</
label
>
<
input
class
=
"form-control"
id
=
"Ppincode"
placeholder
=
"Enter the pincode "
>
</
div
>
<!--<button type="submit" class="btn btn-success btn-block">Login</button>-->
</
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
>
Reply
Answers (
1
)
How To Deploy ASP.NET Website With SQL Database in AWS ?
How to create loader in html