css update

css/style.css

@@ -776,6 +776,7 @@
   border-radius: 3px;
   margin: 10px 0px;
   border: 1px solid rgba(0, 0, 0, 0.3);
+  -webkit-appearance: none !important;
 }
 
 .logo img {

css/style.scss

@@ -783,6 +783,7 @@ $moblie: 767px;
       border-radius: 3px;
       margin: 10px 0px;
       border: 1px solid rgba(0, 0, 0, 0.3);
+      -webkit-appearance : none !important; 
     }
   }
 }

reserve.html

@@ -131,7 +131,7 @@
               <img class="img-fluid" src="./img/Screen Shot 2022-04-06 at 下午2.38.37.png" alt="">
             </div>
             <div class="col-md-6">
-              <div class="violetbeauty_contract_form">
+              <form class="violetbeauty_contract_form" action="/submitform" method="post">
                 <p class="text-danger">提前預約時間為3天，若需安排近期時間請加入官方LINE</p>
                 <input type="text" name="name" id="name" placeholder="請輸入姓名" required>
                 <input type="text" name="phone" id="phone" placeholder="請輸入電話">
@@ -153,13 +153,13 @@
                   <option value="淨透無暇美背 /80分">淨透無暇美背 /80分</option>
                   <option value="五行水晶能量岩盤浴 /40分">五行水晶能量岩盤浴 /40分</option>
                 </select>
-                <input name="prefer_date" class="datepicker" type="date" id="datepicker" placeholder="預選裝修日期" required>
-                <input name="prefer_date" class="time" type="time" id="time" placeholder="想要體驗的時間" required>
+                <input name="date" class="datepicker" type="date" id="datepicker" placeholder="預選裝修日期" required>
+                <input name="time" class="time" type="time" id="time" placeholder="想要體驗的時間" required min="10:30" max="18:30">
                 <div class="form-btn">
                   <button class="btn submitbutton" style="opacity: 1;" type="submit">立即預約
                     ></button>
                 </div>
-              </div>
+              </form>
             </div>
 
           </div>