Balise « form »
<section id="section-form">
<div class="container formulaire">
<h2 class="line">HAVE A QUESTION? CONTACT US</h2>
<form action="#">
</form>
formulaires
attribut « action » -> adresse d’envoi du formulaire
(get et post : infos visibles ou non dans l’envoi… mais c’est du php…)
Exemple:
<section id="section-form">
<div class="container formulaire">
<h2 class="line">HAVE A QUESTION? CONTACT US</h2>
<form action="#">
<div class="coordonnees d-flex">
<div class="form-group">
<!-- <label for="">Votre Nom</label> -->
<input
type="text"
placeholder=" Entrez votre nom"
required
name=""
id=""
/>
</div>
<div class="form-group">
<!-- <label for="">Votre E-mail</label> -->
<input
type="email"
placeholder="Entrez votre mail"
required
name=""
id=""
/>
</div>
<div class="form-group">
<!-- <label for="">Pourquoi votre message ?(si vous voulez)</label> -->
<input
type="text"
placeholder="Sujet (optionnel)"
name=""
id=""
/>
</div>
</div>
<div class="form-group">
<!-- <label for="">Votre Message ici</label> -->
<textarea
name=""
id=""
cols="30"
rows="10"
placeholder="Message..."
Votre
Message
></textarea>
</div>
<div>
<button type="submit" class="line2">Envoyer le message</button>
</div>
</form>
</div>
</section>
(« label » peut être enlevé si « placeholder »)
Ca donne ceci:
Sans les labels:
La mise en forme se fait sur CSS. Chaque partie du formulaire est entre des DIV.