Scribd Logo
Importer

Bienvenue sur Scribd !

  • Site de Rencontre

    Transféré par

    Willis clifford RAKOTONDRAZAFY
    50 vues3 pages

    Titre original

    site de rencontre

    Copyright

    © © All Rights Reserved

    Formats disponibles

    TXT, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme TXT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    50 vues3 pages

    Site de Rencontre

    Transféré par

    Willis clifford RAKOTONDRAZAFY

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme TXT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 3

    site de rencontre code:

    <!DOCTYPE html>
    <html>
    <head>
    <title>RencontreSite</title>
    <style>
    /* CSS pour le style de la page */
    body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    }

    header {
    background-color: #f5f5f5;
    padding: 20px;
    text-align: center;
    }

    h1 {
    color: #333;
    }

    .container {
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    }

    /* CSS pour le formulaire de recherche */


    .search-form {
    text-align: center;
    margin-bottom: 20px;
    }

    .search-form input[type="text"] {
    width: 300px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 5px;
    }

    .search-form button {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #333;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    }

    .search-form button:hover {
    background-color: #555;
    }
    </style>
    </head>
    <body>
    <header>
    <h1>RencontreSite</h1>
    </header>

    <div class="container">
    <form class="search-form" action="#" method="get">
    <input type="text" name="search" placeholder="Rechercher...">
    <button type="submit">Rechercher</button>
    </form>

    <!-- Contenu de la page -->


    </div>
    </body>
    </html>
    du javasript avec:
    <!DOCTYPE html>
    <html>
    <head>
    <title>RencontreSite</title>
    <style>
    /* CSS pour le style de la page */
    body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    }

    header {
    background-color: #f5f5f5;
    padding: 20px;
    text-align: center;
    }

    h1 {
    color: #333;
    }

    .container {
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    }

    /* CSS pour le formulaire de recherche */


    .search-form {
    text-align: center;
    margin-bottom: 20px;
    }

    .search-form input[type="text"] {
    width: 300px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 5px;
    }

    .search-form button {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #333;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    }

    .search-form button:hover {
    background-color: #555;
    }

    /* CSS pour la validation du formulaire */


    .error-message {
    color: red;
    margin-top: 5px;
    }
    </style>
    </head>
    <body>
    <header>
    <h1>RencontreSite</h1>
    </header>

    <div class="container">
    <form class="search-form" action="#" method="get" onsubmit="return
    validateForm()">
    <input type="text" name="search" id="search-input"
    placeholder="Rechercher...">
    <button type="submit">Rechercher</button>
    <div id="error-message" class="error-message"></div>
    </form>

    <!-- Contenu de la page -->


    </div>

    <script>
    function validateForm() {
    var searchInput = document.getElementById("search-input").value;
    var errorMessage = document.getElementById("error-message");

    if (searchInput.trim() === "") {


    errorMessage.innerHTML = "Veuillez entrer un terme de recherche.";
    return false;
    }

    errorMessage.innerHTML = "";
    return true;
    }
    </script>
    </body>
    </html>

    Vous aimerez peut-être aussi