Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
Design
/
fileman
/
Fusion
/
formulaire_bootstrap
:
test04.html
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <style> body { display: flex; align-items: center; min-height: 24em; justify-content: center; } </style> </head> <body> <div class="container"> <form> <div class="form-row"> <div class="col-md-4 mb-3"> <label for="input3">First name</label> <input type="text" class="form-control" id="input2" placeholder="First name" value="Mark" required> </div> <div class="col-md-4 mb-3"> <label for="input2">Last name</label> <input type="text" class="form-control" id="input3" placeholder="Last name" value="Otto" required> </div> </div> <div class="form-group"> <label class="control-label">Enter a Name</label> <input id="name"> </div> <div class="form-group"> <label for="email" class="control-label">Enter your E-Mail</label> <input class="input" id="email"> </div> <button class="btn btn-primary" type="submit">Submit form</button> </form> </div> <!-- https://stackoverflow.com/questions/39740832/password-validation-is-at-least-6-character https://www.geeksforgeeks.org/create-a-password-validator-using-bootstrap-javascript/ https://www.codeply.com/go/JOl6dKaw1f/bootstrap-live-password-validation-%2B-popover https://bootsnipp.com/snippets/xp1lz https://www.jqueryscript.net/form/bootstrap-password-strendth-validator.html#google_vignette https://www.geeksforgeeks.org/how-to-toggle-password-visibility-in-forms-using-bootstrap-icons/ icon dans la zone input du formulaire --> <script src="bootstrap-validate.js"></script> <script> // Basic Example bootstrapValidate(['#input2', '#input3'], 'contains:Peter:Needs to Contain "Peter"|min:20:Enter 20 character!|max:40:Enter 40 chars at most!'); bootstrapValidate('#email', 'email:Enter a valid email address'); bootstrapValidate('#name', 'max:30:Your name must not be longer than 30 characters'); </script> </body> </html>