Form
Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button.
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 | <p>Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button.</p>
<p><a class="popup-with-form btn btn-primary" href="#demo-form">Open Form</a></p>
<div class="white-popup-block mfp-hide form-horizontal" id="demo-form">
<div class="row">
<div class="col-sm-12">
<h4>Basic Form</h4>
<p class="mb-lg">Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button.</p>
</div>
</div>
<div class="row form-group mt-lg">
<label class="col-sm-3 control-label">Name</label>
<div class="col-sm-9"><input class="form-control" name="name" placeholder="Type your name..." type="text" /></div>
</div>
<div class="row form-group">
<label class="col-sm-3 control-label">Email</label>
<div class="col-sm-9"><input class="form-control" name="email" placeholder="Type your email..." type="email" /></div>
</div>
<div class="row form-group">
<label class="col-sm-3 control-label">URL</label>
<div class="col-sm-9"><input class="form-control" name="url" placeholder="Type an URL..." type="url" /></div>
</div>
<div class="row form-group">
<label class="col-sm-3 control-label">Comment</label>
<div class="col-sm-9"><textarea class="form-control" placeholder="Type your comment..." rows="5"></textarea></div>
</div>
<div class="row mb-lg">
<div class="col-sm-9 col-sm-offset-3"><button class="btn btn-primary">Submit</button> <button class="btn btn-primary" type="reset">Reset</button></div>
</div>
</div>
|