<video autoplay muted loop class="video">
    <source src="video/fond.mp4" type="video/mp4">
</video>
<div class="container">
    <div class="container-form">
        <a href="index.php" class="retour">&lt; Retour</a>
        <h1>Ajouter un personnage</h1>
        <form action="index.php?action=add-perso" method="POST" enctype="multipart/form-data">
            <div>
                <div class="form-group">
                    <label for="name">Nom *</label>
                    <input type="text" name="name" id="name" required>
                    <label for="atk">Attaque *</label>
                    <input type="number" min="1" max="100" name="atk" id="atk" required>
                    <label for="pv">PV *</label>
                    <input type="number" min="1" max="300" name="pv" id="pv" required>
                </div>
                <div class="form-group">
                    <span>Image *</span>
                    <label for="input-img">
                        <img src="" alt="" id="img-preview">
                    </label>
                    <input type="file" name="img" id="input-img" accept="image/png" required>
                    <span class="reset">Réinitialiser</span>
                </div>
            </div>
            <input type="submit" value="Ajouter">
            <span>* Champs obligatoires</span>
        </form>
    </div>
</div>