nl flag
logo

Formulier

Velden met rode randen zijn verplicht!

<form method="post" action="">
  <p class="text-c-red">Velden met rode randen zijn verpicht!</p>
  <div class="row">
    <div class="col-4">
      <label for="name">Naam</label>
      <input  type="text" name="name" id="name" placeholder="Voor en Achternaam" required />
      <label for="file">Bestand</label>
      <input  type="file" name="file" id="file" required />
      <label for="cars">Kies een auto</label>
      <select  name="cars" id="cars" style="background-color: #f1f1f1 !important;color: #000 !important;">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="fiat">Fiat</option>
        <option value="audi">Audi</option>
      </select>		
    </div>
    <div class="col-4">
      <label for="email">E-mailadres</label>
      <input  type="email" name="email" id="email" placeholder="naam@website.nl" required />
      <label for="number">Nummer (1 tm 10)</label>
      <input  type="number" min="1" max="10" name="number" id="number" />
      <label class="check-con">Nieuwsbrief	  <input type="checkbox" name="newsletter" value="Newsletter" id="Newsletter">
        <span class="checkmark "></span>
      </label>
      <label class="check-con">Bijwerken  	<input type="checkbox" name="update" value="update" id="update" required>
        <span class="checkmark "></span>
      </label>		
    </div>
    <div class="col-4">
      <label for="pw">Wachtwoord</label>
      <input  type="password" name="pw" id="pw" required />
      <label for="website">Website</label>
      <input  type="url" name="website" id="website" placeholder="http://www.website.nl" />
      <label class="radio-con">Ik ben lid  	<input type="radio" name="member" value="memberYes" id="memberYes" required>
        <span class="radiomark "></span>
      </label>
      <label class="radio-con">Ik ben niet lid    <input type="radio" name="member" value="memberNo" id="memberNo" required>
        <span class="radiomark "></span>
      </label>		
    </div>
  </div>
  <div style="max-width: 400px;width: 100%;margin: auto;">
    <label for="message">Bericht</label>
    <textarea  name="message" id="message" required></textarea>
    <label for="chap">Vul het antwoord in van de som 10 + 5 =</label>
    <input  type="number" name="chap" id="chap" min="15" max="15" required />
    <div class="center"><input type="submit" class="btn " value="Verzenden" /></div>
  </div>
</form>