inscription.jsp 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
  2. pageEncoding="ISO-8859-1"%>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  5. <title>Inscription</title>
  6. <link rel="stylesheet" type="text/css" href="css/style.css">
  7. <link rel="stylesheet" href="css/style1.css" type="text/css" />
  8. <link rel="stylesheet" href="css/style.css" type="bootstrap/css/bootstrap.min.css" />
  9. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  10. </head>
  11. <body>
  12. <div id="principal">
  13. <div class="header">
  14. <div class="navbar">
  15. <ul>
  16. <li><a href="index.html">Accueil</a></li>
  17. <li><a href="abonnes.html">Nos abonnés</a></li>
  18. <li><a href="inscription.jsp">Inscription</a></li>
  19. </ul>
  20. </div>
  21. </div><!-- end of header -->
  22. <div class="main">
  23. <div class="menu">
  24. <ul>
  25. <li><a href="index.html">Accueil</a></li>
  26. <li><a href="abonnes.html">Nos abonnés</a></li>
  27. <li><a href="inscription.jsp">Inscription</a></li>
  28. </ul>
  29. </div><!--end menu -->
  30. <div class="content">
  31. <header>
  32. <h4>Inscription à l'espace microfolies</h4>
  33. </header>
  34. <main>
  35. <form>
  36. <div class="form-group row">
  37. <label class="col-2 col-form-label">Nom* </label>
  38. <div class="col-10">
  39. <input class="form-control" type="text" required>
  40. </div>
  41. </div>
  42. <div class="form-group row">
  43. <label class="col-2 col-form-label">Prénom*</label>
  44. <div class="col-10">
  45. <input class="form-control" type="text" required>
  46. </div>
  47. </div>
  48. <div class="form-group row">
  49. <label class="col-2 col-form-label">Genre*</label>
  50. <div class="col-3">
  51. <select class="form-control" required>
  52. <option value=""></option>
  53. <option>Homme</option>
  54. <option>Femme</option>
  55. <option>Autre</option>
  56. </select>
  57. </div>
  58. </div>
  59. <div class="form-group row">
  60. <label class="col-2 col-form-label">Date de naissance*</label>
  61. <div class="col-10">
  62. <input class="form-control" type="date" required>
  63. </div>
  64. </div>
  65. <div class="form-group row">
  66. <label class="col-2 col-form-label">Ville*</label>
  67. <div class="col-10">
  68. <input class="form-control" type="text" required>
  69. </div>
  70. </div>
  71. <div class="form-group row">
  72. <label class="col-2 col-form-label">Situation*</label>
  73. <div class="col-10">
  74. <input class="form-control" type="text" required>
  75. </div>
  76. </div>
  77. <div class="form-group row">
  78. <label class="col-2 col-form-label">Email*</label>
  79. <div class="col-10">
  80. <input class="form-control" type="text" required>
  81. </div>
  82. </div>
  83. <div class="form-group row">
  84. <label class="col-2 col-form-label" >Téléphone *</label>
  85. <div class="col-10">
  86. <input class="form-control" type="text" required>
  87. </div>
  88. </div>
  89. <div class="form-group row">
  90. <label class="col-2 col-form-label" >Contact d'urgence* </label>
  91. <div class="col-10">
  92. <input class="form-control" type="text" required>
  93. </div>
  94. </div>
  95. <div class="form-group row" type="text">
  96. <label class="col-2 col-form-label" >Pièce jointe</label>
  97. <div class="col-10">
  98. <input class="form-control" type="file" />
  99. </div>
  100. </div>
  101. <button type="submit" class="btn btn-primary">Valider</button>
  102. </form>
  103. </main>
  104. </div><!-- end of content div -->
  105. </div><!-- end of main div -->
  106. <br>
  107. <div class="clear"></div>
  108. <div class="footer"></div>
  109. </div>
  110. </body>
  111. </html>