How to set up a condition in a html type form?

How I set up a condition that requires a date as dd/mm/yyyy and for a gender (male/female or other)? I make this input type for the style with the other input type, but I want to set a condition to validate this fields.

     <div class="input-container input9">
      <input type="#{type}" id="#{label}" required="required"/>
      <label for="#{label}">gender</label>
      <div class="bar"></div>
     </div>
     <div class="input-container input10">
        <input type="#{type}" id="#{label}" required="required"/>
        <label for="#{label}">date of birth</label>
        <div class="bar"></div>
     </div>