maxmustermann/gentelella
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Merge pull request #895 from theinfinitywritings/master

Browse source 
Changed Field Input Types At Required Places
This commit is contained in:
Aigars Silkalns 2020-06-30 15:05:25 +03:00 committed by GitHub
parent 5a27b568f5 cd7b963b53
commit 8f8a06e02f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 1356 additions and 1344 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
production/form.html
View file

@ -356,7 +356,14 @@
<label class="col-form-label col-md-3 col-sm-3 label-align">Date Of Birth <span class="required">*</span>
</label>
<div class="col-md-6 col-sm-6 ">
<input id="birthday" class="date-picker form-control" required="required" type="text">
<input id="birthday" class="date-picker form-control" placeholder="dd-mm-yyyy" type="text" required="required" type="text" onfocus="this.type='date'" onmouseover="this.type='date'" onclick="this.type='date'" onblur="this.type='text'" onmouseout="timeFunctionLong(this)">
<script>
function timeFunctionLong(input) {
setTimeout(function() {
input.type = 'text';
}, 60000);
}
</script>
</div>
</div>
<div class="ln_solid"></div>
@ -409,12 +416,12 @@
</div>
<div class="col-md-6 col-sm-6 form-group has-feedback">
<input type="text" class="form-control has-feedback-left" id="inputSuccess4" placeholder="Email">
<input type="email" class="form-control has-feedback-left" id="inputSuccess4" placeholder="Email">
<span class="fa fa-envelope form-control-feedback left" aria-hidden="true"></span>
</div>
<div class="col-md-6 col-sm-6 form-group has-feedback">
<input type="text" class="form-control" id="inputSuccess5" placeholder="Phone">
<input type="tel" class="form-control" id="inputSuccess5" placeholder="Phone">
<span class="fa fa-phone form-control-feedback right" aria-hidden="true"></span>
</div>
@ -440,7 +447,14 @@
<label class="col-form-label col-md-3 col-sm-3 ">Date Of Birth <span class="required">*</span>
</label>
<div class="col-md-9 col-sm-9 ">
<input class="date-picker form-control" required="required" type="text">
<input class="date-picker form-control" placeholder="dd-mm-yyyy" type="text" required="required" type="text" onfocus="this.type='date'" onmouseover="this.type='date'" onclick="this.type='date'" onblur="this.type='text'" onmouseout="timeFunctionLong(this)">
<script>
function timeFunctionLong(input) {
setTimeout(function() {
input.type = 'text';
}, 60000);
}
</script>
</div>
</div>
<div class="ln_solid"></div>
@ -546,8 +560,7 @@
</select>
<label for="message">Message (20 chars min, 100 max) :</label>
<textarea id="message" required="required" class="form-control" name="message" data-parsley-trigger="keyup" data-parsley-minlength="20" data-parsley-maxlength="100" data-parsley-minlength-message="Come on! You need to enter at least a 20 caracters long comment.."
data-parsley-validation-threshold="10"></textarea>
<textarea id="message" required="required" class="form-control" name="message" data-parsley-trigger="keyup" data-parsley-minlength="20" data-parsley-maxlength="100" data-parsley-minlength-message="Come on! You need to enter at least a 20 caracters long comment.." data-parsley-validation-threshold="10"></textarea>
<br />
<span class="btn btn-primary">Validate form</span>
@ -1343,5 +1356,4 @@
<!-- Custom Theme Scripts -->
<script src="../build/js/custom.min.js"></script>
</body>
</html>
</body></html>