jinql
/
gentelella
mirror of https://github.com/ColorlibHQ/gentelella
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #895 from theinfinitywritings/master 

Changed Field Input Types At Required Places
pull/846/merge
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

36
production/form.html
View File

@ -30,9 +30,9 @@
<!-- Custom Theme Style -->
<link href="../build/css/custom.min.css" rel="stylesheet">
</head>
</head>
<body class="nav-md">
<body class="nav-md">
<div class="container body">
<div class="main_container">
<div class="col-md-3 left_col">
@ -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,10 +560,9 @@
</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/>
<br />
<span class="btn btn-primary">Validate form</span>
</form>
@ -618,7 +631,7 @@
<div class="form-group row">
<label class="control-label col-md-3 col-sm-3 ">AutoComplete</label>
<div class="col-md-9 col-sm-9 ">
<input type="text" name="country" id="autocomplete-custom-append" class="form-control col-md-10"/>
<input type="text" name="country" id="autocomplete-custom-append" class="form-control col-md-10" />
</div>
</div>
<div class="form-group row">
@ -1343,5 +1356,4 @@
<!-- Custom Theme Scripts -->
<script src="../build/js/custom.min.js"></script>
</body>
</html>
</body></html>