Scribd Logo
Upload

Welcome to Scribd!

  • INDEX

    Uploaded by

    Katia Katou
    16 views2 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    16 views2 pages

    INDEX

    Uploaded by

    Katia Katou

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    <!

    doctype html>
    <html>

    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSS boostrap -->


    <link rel="stylesheet" href="css/bootstrap.css">

    <!-- librairie Javascript de boostrap pour pouvoir utiliser les composants


    interactifs (modal https://getbootstrap.com/docs/5.1/components/modal/ ,
    collapse...) -->
    <script src="js/bootstrap.bundle.js"></script>

    <title>tp3</title>
    <style>
    body {
    background-color: #e9ebee;
    font-family: system, -apple-system, ".SFNSText-Regular", "San
    Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
    font-size: 16px;
    margin: 0 auto;
    max-width: 800px;
    }
    </style>

    <!-- Code � d�-commenter si besoin de fichier CSS ou JS -->


    <!--<link rel="stylesheet" href="style.css">-->
    <!--<script src="main.js"></script>-->

    <script src="validation.js"></script>
    <link rel="stylesheet" href="style.css" />

    </head>

    <body>

    <!-- Add your site or application content here -->


    <!-- <p>Hello world! This is HTML5 Boilerplate.</p>
    <img src="../galilee.png" alt="Logo Galilee" />-->

    <div class="card" >

    <div class="card-body">
    <h1 class="card-title">TP3 AW</h1>
    <p class="card-text">Formulaire avec Bootstrap</p>
    <hr>
    <div class="container">
    <form type="input" id="formulaire" ></form>
    <div class="row">
    <div class="col-6">
    <label for="nom" class="col-sm-2 col-form-label">Nom</label>
    <input type="text" class="form-control" id="nom">
    </div>
    <div class="col-6">
    <label for="prenom" class="col-sm-2 col-form-label">Pr�nom</label>
    <input type="text" class="form-control" id="prenom">
    </div>
    </div>
    <div class="row">
    <div class="col">
    <label for="prenom" class="col-form-label">Date de naissance</label>
    <input type="date" class="form-control" id="date"
    placeholder="JJ/MM/AAAA">
    </div>
    </div>
    <div class="row">
    <div class="col">
    <label for="adresse" class="col-sm-2 col-form-label">Adresse</label>
    <input type="text" class="form-control" id="adresse">
    </div>
    </div>
    <div class="row">
    <div class="col">
    <label for="Mail" class="col-sm-2 col-form-label">Mail</label>
    <input type="email" class="form-control" id="mail"
    placeholder="name@example.com">
    </div>
    </div>
    <hr>
    <div class="form-group ">
    <button type="button" class="btn btn-primary"
    onclick="window.onload">Valider</button>
    </div>
    </form>
    </div>

    </div>
    </div>

    </body>

    </html>

    You might also like