Formulaire avec Bootstrap

Formulaire précédent avec l’utilisation css de BootStrap.

Exemple

Dans le dossier formulaire, ajoutez le fichier exemple2.php

1
<?php
2
$prix = $_POST["prix"] ?? 0;
3
$resultat = $prix * 0.9;
4
?>
5
<!DOCTYPE html>
6
<html lang="fr">
7
8
<head>
9
    <title>PHP Formulaire</title>
10
    <meta charset="UTF-8" />
11
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
12
</head>
13
14
<body>
15
    <form action="" method="post">
16
17
        <div class="m-3 p-3 row bg-secondary">
18
            <div class="col-auto">
19
                <button type="submit" class="btn btn-primary">Soumettre</button>
20
            </div>
21
        </div>
22
23
        <div class="m-3 p-3 row bg-secondary">
24
            <p>Affiche un prix avec une remise</p>
25
            <div class="col input-group">
26
                <span class="input-group-text">Prix</span>
27
                <input type="text" name="prix" value="<?= $prix; ?>" class="form-control">
28
            </div>
29
30
            <div class="col">
31
                <input type="text" value="<?= $resultat; ?>" class="form-control" readonly>
32
            </div>
33
        </div>
34
35
    </form>
36
</body>
37
38
</html>