Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Voici comment créer un formulaire d'inscription simple

Comment faire un simple formulaire d’inscription – Dans cet article, je vais créer une page formulaire d’inscription simple avec HTML et PHP que vous pouvez appliquer pour faire avancer les choses ou simplement pour référence.

Pour la vérification de démonstration: formulaire d’inscription

Définition du formulaire d’inscription

Le formulaire d’inscription est un formulaire utilisé pour inscrire une activité organisationnelle ou une école ou un tutorat. Où nous utilisons le formulaire déclaré entré avec succès ou enregistré en tant qu’étudiants / membres.

Comment créer un formulaire d’inscription

1. La première étape: ouvrez le Bloc-notes et créez deux fichiers dans un dossier. Et le mentionner « index.html » et « success.php ».

Et c’est là que vous avez besoin de XAMPP pour accéder à cette page. Parce que la programmation PHP n’est accessible qu’à partir de l’application xampp. Si vous ne possédez pas cette application, veuillez d’abord la télécharger sur le site officiel.

En plus d’utiliser le Bloc-notes, vous pouvez également utiliser une application d’édition de texte telle que:
Code Visual Studio (VSC)

  1. Texte en relief
  2. Editeur ++
  3. Komodo Modifier
  4. atome
  5. Poisson bleu
  6. Vigueur
  7. Emacs
  8. etc..

2. Après avoir lu la première étape, copiez le code de script suivant dans le fichier « index.html ».


<!DOCTYPE html>

<html>

<head>

 <title>Form Pendaftaran - Ansori Web</title>

 <style type="text/css">

body {

    margin: 0;

    padding: 0;

   }

 * {

  box-sizing: border-box;

}

form {

  padding: 1em;

  background: #f9f9f9;

  border: 1px solid #c1c1c1;

  margin-top: 2rem;

  max-width: 600px;

  margin-left: auto;

  margin-right: auto;

  padding: 1em;

}

form input {

  margin-bottom: 1rem;

  background: #fff;

  border: 1px solid #9c9c9c;

}

form button {

  background: lightgrey;

  padding: 0.7em;

  border: 0;

}



form button:hover {

  background: green;

  color: white;

}

form span a{

  background: lightblue;

  padding: 0.7em;

  border: 0;

  text-decoration: none;

  color: black;

  text-align: center;

}



form span a:hover {

  background: blue;

  color: white;

}





label {

  text-align: right;

  display: block;

  padding: 0.5em 1.5em 0.5em 0;

}

input {

  width: 100%;

  padding: 0.7em;

  margin-bottom: 0.5rem;

}

input:focus {

  outline: 3px solid green;

}

select {

  width: 100%;

  padding: 0.7em;

  margin-bottom: 0.5rem;

}

select:focus {

  outline: 3px solid green;

}

@media (min-width: 400px) {

  form {

    overflow: hidden;

  }

  label {

    float: left;

    width: 200px;

  }

  input {

    float: left;

    width: calc(100% - 200px);

  }



    select {

    float: left;

    width: calc(100% - 200px);

  }

  button {

    float: right;

    width: calc(100% - 200px);

  }

 </style>

</head>

<body>

 <form action="sukses.php" method="GET">

  <h1 align="center">Formulir Pendaftaran</h1>

        <p align="center">by <a href="" target="blank">ansoriweb</a></p>

        <label>Nama Lengkap</label>

        <input name="nama_lengkap" type="text">

        <label>Tempat Lahir</label>

        <input name="tempat_lahir" type="text">

        <label>Tanggal Lahir</label>

        <input name="tanggal_lahir" type="date">

        <label>Jenis Kelamin</label>

        <select name="jenis_kelamin">

         <option value="Laki-Laki">Laki-Laki</option>

         <option value="Perempuan">Perempuan</option>

        </select>

        <label>Alamat Lengkap</label>

        <input name="alamat" type="text">

        <label>E-mail</label>

        <input name="email" type="text">

        <label>No.HP</label>

        <input name="no_hp" type="text">

        <button>Daftar</button>

 </form>

</body>


</html>

3. Ensuite, copiez et collez le code de script suivant « success.php ».


<!DOCTYPE html>

<html>

<head>

 <title>Pendaftaran Berhasil!</title>

 <style type="text/css">

body {

    margin: 0;

    padding: 0;

   }

 * {

  box-sizing: border-box;

}

form {

  padding: 1em;

  background: #f9f9f9;

  border: 1px solid #c1c1c1;

  margin-top: 2rem;

  max-width: 600px;

  margin-left: auto;

  margin-right: auto;

  padding: 1em;

}

form input {

  margin-bottom: 1rem;

  background: #fff;

  border: 1px solid #9c9c9c;

}

form button {

  background: lightgrey;

  padding: 0.7em;

  border: 0;

}



form button:hover {

  background: green;

  color: white;

}

form span a{

  background: lightblue;

  padding: 0.7em;

  border: 0;

  text-decoration: none;

  color: black;

  text-align: center;

}



form span a:hover {

  background: blue;

  color: white;

}





label {

  text-align: right;

  display: block;

  padding: 0.5em 1.5em 0.5em 0;

}

input {

  width: 100%;

  padding: 0.7em;

  margin-bottom: 0.5rem;

}

input:focus {

  outline: 3px solid green;

}

select {

  width: 100%;

  padding: 0.7em;

  margin-bottom: 0.5rem;

}

select:focus {

  outline: 3px solid green;

}

@media (min-width: 400px) {

  form {

    overflow: hidden;

  }

  label {

    float: left;

    width: 200px;

  }

  input {

    float: left;

    width: calc(100% - 200px);

  }



    select {

    float: left;

    width: calc(100% - 200px);

  }

  button {

    float: right;

    width: calc(100% - 200px);

  }

 </style>

 </style>

</head>

<body>

<form>

  <h1>Pendaftaran Kamu Berhasil!</h1>

  <p>

   Nama Lengkap: <?php echo $_GET["nama_lengkap"]; ?><br>

   TTL: <?php echo $_GET["tempat_lahir"]; ?>, <?php echo $_GET["tanggal_lahir"]; ?><br>

   Jenis Kelamin: <?php echo $_GET["jenis_kelamin"]; ?><br>

   Alamat Lengkap: <?php echo $_GET["alamat"]; ?><br>

   E-mail: <?php echo $_GET["email"]; ?><br>

   No.HP: <?php echo $_GET["no_hp"]; ?>

  </p>

</form>

</body>

</html> 

Affichage simple du formulaire d’inscription

Comment créer un formulaire d'inscription simple

Conclusion

Le formulaire d’inscription est donc un formulaire qui permet d’inscrire une activité organisationnelle ou une école ou un tutorat.

Donc Voici comment créer un formulaire d’inscription simple, pourrait être utile. Si vous avez des questions sur l’article ci-dessus, n’hésitez pas à demander :). Bonne étude …



Source link

Recent Posts