add select list for card number

d74e6899 · matograine · 08a66a88 · d74e6899
Commit d74e6899 authored 3 years ago by matograine
--- a/index.html
+++ b/index.html
@@ -7,6 +7,13 @@
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title id="header-title">ViĞnette</title>
  <link rel="icon" type="image/svg" href="./img/v-cercle.svg">
+  <script>
+  //enable theming for select form input
+  document.addEventListener('DOMContentLoaded', function() {
+    var elems = document.querySelectorAll('select');
+    var instances = M.FormSelect.init(elems, options);
+  });
+  </script>
 </head>
 <body>
  <header>
@@ -95,7 +102,20 @@
            <div class="input-field">
              <label><input type="checkbox" id="biz_card" name="is_biz_card"><span>Carte de
              visite</span></label><br>
-            </div><br>
+            </div>
+            <br>
+            <div class="input-field">
+              <select name="card_number" id="card_number">
+                <option value="1">1</option>
+                <option value="2">2</option>
+                <option value="4">4</option>
+                <option value="9">9</option>
+                <option value="16">16</option>
+              </select>
+              <label>
+                Nombre de viğnettes sur 1 page :
+              </label>
+            </div>
            <div class="input-field">
              <button class="btn waves-effect waves-light" type="submit" name="action">Générer
              !</button>