outline label w placeholder

           <!-- outline input text field -->
           <div class="outline-text-input">
               <label for="text">Name
                   <input type="text" name="text" autocomplete="name" placeholder="enter name" />
               </label>
           </div>

           <!-- outline input email field -->
           <div class="outline-email-input">
               <label for="email">Email *
                   <input type="email" name="email" required autocomplete="email" placeholder="enter email" />
               </label>
           </div>

           <!-- outline input password field -->
           <div class="outline-password-input">
               <label for="password">Password *
                   <input type="password" name="password" autocomplete="current-password" placeholder="enter password" required value="..." />
                   wrong password, try again
               </label>
           </div>

           <!-- outline input number field -->
           <div class="outline-number-input">
               <label for="number">Number<input type="number" name="number" placeholder="enter quantity" />
               </label>
           </div>

           <!-- outline input date field -->
           <div class="outline-date-input">
               <label for="date">Date<input type="date" name="date" />
               </label>
           </div>

           <!-- outline input month field -->
           <div class="outline-month-input">
               <label for="month">Month<input type="month" name="month" />
               </label>
           </div>

           <!-- outline input file field -->
           <div class="outline-file-input">
               <label for="file">File<input type="file" name="file" />
               </label>
           </div>

           <!-- outline input telephone field -->
           <div class="outline-tel-input">
               <label for="tel">Phone no<input type="tel" autocomplete="tel" name="tel" placeholder="enter phone number" />
               </label>
           </div>