Exercice 03
Énoncé
-
Vous pouvez visualiser l'énoncé de l'exercice
Solution
inscription.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Inscription</title> <link rel=stylesheet type="text/css" href="ressources/css/style.css"> </head> <body> <form method="post" action="inscriptionServlet"> <fieldset> <legend>Inscription</legend> <p>Vous pouvez vous inscrire via ce formulaire.</p> <label for="email">Adresse email <span class="requis">*</span></label> <input type="email" id="email" name="email" placeholder="Saisir votre adresse mail" size="30" maxlength="60" /> <br /> <label for="confirmemail"> Confirmation d'adresse email <span class="requis">*</span></label> <input type="email" id="confirmemail" name="confirmemail" placeholder="Confirmer votre adresse mail" size="30" maxlength="60" /> <br /> <label for="motdepasse">Mot de passe <span class="requis">*</span></label> <input type="password" id="motdepasse" name="motdepasse" placeholder="Saisir votre mot de passe" size="30" maxlength="20" /> <br /> <label for="confirmation">Confirmation du mot de passe <span class="requis">*</span></label> <input type="password" id="confirmation" name="confirmation" placeholder="confirmer votre mot de passe" size="30" maxlength="20" /> <br /> <label for="nom">Nom d'utilisateur</label> <input type="text" id="nom" name="nom" placeholder="Saisir votre nom d'utilisateur" size="30" maxlength="20" /> <br /> <br /> <input type="submit" value="Inscription" class="sansLabel" /> <br /> </fieldset> </form> </body> </html>inscriptionServlet.java
style.css
body, p, legend, label, input { font: normal 10pt verdana, helvetica, sans-serif; } input[type=submit] { border-radius:12px 0 12px 0; background: #478bf9; border:none; color:#fff; font:bold 14px Verdana; padding:6px 0 6px 0; width:200px; cursor: pointer; line-height: 26px; } fieldset { width: 31%; border: 2px solid #dcdcdc; border-radius: 10px; padding: 10px 20px; text-align: left; } legend { font-weight: bold; color: #0568CD; } /* Forms --------------------------------------------------------------------------------------- */ form label { float: left; width: 220px; margin: 3px 0px 0px 0px; } form input { margin: 3px 3px 0px 0px; border: 1px #999 solid; } form input.sansLabel { margin-left: 100px; } form .requis { color: #c00; }