|
@@ -1,125 +1,125 @@
|
|
|
-<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
|
|
|
- pageEncoding="ISO-8859-1"%>
|
|
|
-
|
|
|
+<%@ page language="java" contentType="text/html; charset=utf-8"
|
|
|
+ pageEncoding="utf-8"%>
|
|
|
+<%@ taglib prefix="s" uri="/struts-tags"%>
|
|
|
+<html>
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
|
|
|
<title>Inscription</title>
|
|
|
- <link rel="stylesheet" type="text/css" href="css/style.css">
|
|
|
- <link rel="stylesheet" href="css/style1.css" type="text/css" />
|
|
|
- <link rel="stylesheet" href="css/style.css" type="bootstrap/css/bootstrap.min.css" />
|
|
|
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
|
|
+<link rel="stylesheet" type="text/css" href="css/style.css">
|
|
|
+<link rel="stylesheet" href="css/style1.css" type="text/css" />
|
|
|
+<link rel="stylesheet" href="css/style.css"
|
|
|
+ type="bootstrap/css/bootstrap.min.css" />
|
|
|
+<script
|
|
|
+ src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
|
|
|
|
|
-
|
|
|
+<s:head />
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
-<div id="principal">
|
|
|
- <div class="header">
|
|
|
- <div class="navbar">
|
|
|
- <ul>
|
|
|
- <li><a href="index.html">Accueil</a></li>
|
|
|
- <li><a href="abonnes.html">Nos abonnés</a></li>
|
|
|
- <li><a href="inscription.jsp">Inscription</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div><!-- end of header -->
|
|
|
- <div class="main">
|
|
|
- <div class="menu">
|
|
|
- <ul>
|
|
|
- <li><a href="index.html">Accueil</a></li>
|
|
|
- <li><a href="abonnes.html">Nos abonnés</a></li>
|
|
|
- <li><a href="inscription.jsp">Inscription</a></li>
|
|
|
-
|
|
|
- </ul>
|
|
|
- </div><!--end menu -->
|
|
|
- <div class="content">
|
|
|
- <header>
|
|
|
- <h4>Inscription à l'espace microfolies</h4>
|
|
|
- </header>
|
|
|
- <main>
|
|
|
- <form>
|
|
|
- <div class="form-group row">
|
|
|
- <label class="col-2 col-form-label">Nom* </label>
|
|
|
- <div class="col-10">
|
|
|
- <input class="form-control" type="text" required>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div id="principal">
|
|
|
+ <div class="header">
|
|
|
+ <div class="navbar">
|
|
|
+ <ul>
|
|
|
+ <li><a href="index.html">Accueil</a></li>
|
|
|
+ <li><a href="abonnes.html">Nos abonnés</a></li>
|
|
|
+ <li><a href="inscription.jsp">Inscription</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- end of header -->
|
|
|
+ <div class="main">
|
|
|
+ <div class="menu">
|
|
|
+ <ul>
|
|
|
+ <li><a href="index.html">Accueil</a></li>
|
|
|
+ <li><a href="abonnes.html">Nos abonnés</a></li>
|
|
|
+ <li><a href="inscription.jsp">Inscription</a></li>
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!--end menu -->
|
|
|
+ <div class="content">
|
|
|
+ <header>
|
|
|
+ <h4>Inscription à l'espace microfolies</h4>
|
|
|
+ </header>
|
|
|
+ <main>
|
|
|
+ <s:debug />
|
|
|
+ <s:form action="inscription" validate="true">
|
|
|
<div class="form-group row">
|
|
|
- <label class="col-2 col-form-label">Prénom*</label>
|
|
|
- <div class="col-10">
|
|
|
- <input class="form-control" type="text" required>
|
|
|
- </div>
|
|
|
+ <div class="col-10">
|
|
|
+ <s:textfield name="nom" label="Nom*" class="form-control" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="form-group row">
|
|
|
- <label class="col-2 col-form-label">Genre*</label>
|
|
|
- <div class="col-3">
|
|
|
- <select class="form-control" required>
|
|
|
- <option value=""></option>
|
|
|
- <option>Homme</option>
|
|
|
- <option>Femme</option>
|
|
|
- <option>Autre</option>
|
|
|
- </select>
|
|
|
+ <div class="col-10">
|
|
|
+ <s:textfield name="prenom" label="Prenom*" class="form-control" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-group row">
|
|
|
- <label class="col-2 col-form-label">Date de naissance*</label>
|
|
|
- <div class="col-10">
|
|
|
- <input class="form-control" type="date" required>
|
|
|
- </div>
|
|
|
+ <div class="col-3">
|
|
|
+ <s:select nom="genre" label="Genre*" list="getGenres()" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="form-group row">
|
|
|
- <label class="col-2 col-form-label">Ville*</label>
|
|
|
- <div class="col-10">
|
|
|
- <input class="form-control" type="text" required>
|
|
|
- </div>
|
|
|
+ <label class="col-2 col-form-label">Date de naissance*</label>
|
|
|
+ <div class="col-10">
|
|
|
+ <input class="form-control" type="date">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="form-group row">
|
|
|
- <label class="col-2 col-form-label">Situation*</label>
|
|
|
- <div class="col-10">
|
|
|
- <input class="form-control" type="text" required>
|
|
|
- </div>
|
|
|
+ <label class="col-2 col-form-label">Ville*</label>
|
|
|
+ <div class="col-10">
|
|
|
+ <input class="form-control" type="text">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="form-group row">
|
|
|
- <label class="col-2 col-form-label">Email*</label>
|
|
|
- <div class="col-10">
|
|
|
- <input class="form-control" type="text" required>
|
|
|
- </div>
|
|
|
+ <label class="col-2 col-form-label">Situation*</label>
|
|
|
+ <div class="col-10">
|
|
|
+ <input class="form-control" type="text">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="form-group row">
|
|
|
- <label class="col-2 col-form-label" >Téléphone *</label>
|
|
|
- <div class="col-10">
|
|
|
- <input class="form-control" type="text" required>
|
|
|
- </div>
|
|
|
+ <label class="col-2 col-form-label">Email*</label>
|
|
|
+ <div class="col-10">
|
|
|
+ <input class="form-control" type="text">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="form-group row">
|
|
|
- <label class="col-2 col-form-label" >Contact d'urgence* </label>
|
|
|
- <div class="col-10">
|
|
|
- <input class="form-control" type="text" required>
|
|
|
- </div>
|
|
|
+ <label class="col-2 col-form-label">Téléphone *</label>
|
|
|
+ <div class="col-10">
|
|
|
+ <input class="form-control" type="text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <label class="col-2 col-form-label">Contact d'urgence* </label>
|
|
|
+ <div class="col-10">
|
|
|
+ <input class="form-control" type="text">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="form-group row" type="text">
|
|
|
- <label class="col-2 col-form-label" >Pièce jointe</label>
|
|
|
- <div class="col-10">
|
|
|
- <input class="form-control" type="file" />
|
|
|
- </div>
|
|
|
+ <label class="col-2 col-form-label">Pièce jointe</label>
|
|
|
+ <div class="col-10">
|
|
|
+ <input class="form-control" type="file" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <button type="submit" class="btn btn-primary">Valider</button>
|
|
|
- </form>
|
|
|
- </main>
|
|
|
- </div><!-- end of content div -->
|
|
|
- </div><!-- end of main div -->
|
|
|
- <br>
|
|
|
- <div class="clear"></div>
|
|
|
- <div class="footer"></div>
|
|
|
- </div>
|
|
|
+ <s:submit class="btn btn-primary">Valider</s:submit>
|
|
|
+ </s:form>
|
|
|
+ </main>
|
|
|
+ </div>
|
|
|
+ <!-- end of content div -->
|
|
|
+ </div>
|
|
|
+ <!-- end of main div -->
|
|
|
+ <br>
|
|
|
+ <div class="clear"></div>
|
|
|
+ <div class="footer"></div>
|
|
|
+ </div>
|
|
|
</body>
|
|
|
-
|
|
|
+
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-
|
|
|
+
|
|
|
|