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
34
35
36
37
38
39
40
|
<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>
<a class="popup-with-form btn btn-primary" href="#demo-form">Open Form</a>
<div id="demo-form" class="white-popup-block mfp-hide form-horizontal">
<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 type="text" name="name" class="form-control" placeholder="Type your name..." />
</div>
</div>
<div class="row form-group">
<label class="col-sm-3 control-label">Email</label>
<div class="col-sm-9">
<input type="email" name="email" class="form-control" placeholder="Type your email..." />
</div>
</div>
<div class="row form-group">
<label class="col-sm-3 control-label">URL</label>
<div class="col-sm-9">
<input type="url" name="url" class="form-control" placeholder="Type an URL..." />
</div>
</div>
<div class="row form-group">
<label class="col-sm-3 control-label">Comment</label>
<div class="col-sm-9">
<textarea rows="5" class="form-control" placeholder="Type your comment..."></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 type="reset" class="btn btn-primary">Reset</button>
</div>
</div>
</div>
|