"Submit name for homepage codeuix"
Bootstrap 3.3.0 Snippet by rajesh123456

Post to Facebook Tweet this

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<body class="bg-for-submit-name">
<div class="container">
<div class="row">
<span class="image-position"><a href="https://www.facebook.com/meuix/?ref=settings" target="_blank">
<img src="https://lh4.googleusercontent.com/fLEIj3iQb7O1FhjOpLFbJtHmsMlLGmLynSWUvAP70qF0HLEBty-FANvwweg7Sv2XqSpzOKNI=w1366-h638"></a>
</span>
</div>
<div class="row margin-top">
<div class="col-md-12">
<div class="wrap">
<p class="form-title Arabella">
Before start with quiz please submit your name
</p>
<form class="login" id="theFormID" action="quiz.html">
<input type="text" id="theFieldID" placeholder="Type your name..."/><br>
<button type="submit" class="btn btn-success" id="submit_on">SUBMIT YOUR NAME</button>
</form>
</div>
</div>
</div>
</div>
</body>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
body, html{
height: 100%;
background: #222222;
font-family: 'Lato', sans-serif;
}
.image-position{
position: absolute;
left: 3%;
}
.image-position img{
width: 70%;
}
.center-block{
width: 100%;
}
h2 {
color: #AAAAAA;
font-weight: normal;
}
.bg-for-submit-name
{
background-size: cover;
padding: 0;
margin: 0;
}
.margin-top{
margin-top: 150px;
}
.wrap
{
width: 100%;
height: 100%;
min-height: 100%;
position: absolute;
top: 0;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
//showing cursor onload the file
theFormID.theFieldID.focus();
$(document).ready(function(){
// Showing disable button writing a text in input field
$(document.body).on('input','#theFieldID', function(){
// console.log($(this).val());
if($(this).val() != "")
{
$('#submit_on').attr('disabled',false);
}
else{
// alert('asd');
$('#submit_on').attr('disabled',true);
};
});
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Material Dashboard Dark Edition

Questions / Comments: