File "test04.html"

Full Path: /home/analogde/www/Design/fileman/Fusion/formulaire_bootstrap/test04.html
File size: 2.28 KB
MIME-type: text/html
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<!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>