如何以html类型的形式设置条件?

时间:2018-03-29 09:59:54

标签: html web

我如何设置一个条件,要求日期为dd / mm / yyyy和性别(男/女或其他)? 我为其他输入类型的样式创建了此输入类型,但我想设置条件来验证此字段。

<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>

1 个答案:

答案 0 :(得分:0)

您没有指定要使用的JS库或CSS。因此,使用纯HTML,您可以执行以下操作:

 <div class="input-container input9">
  <!-- <input type="#{type}" id="#{label}" required="required"/> -->
  <select>
    <option value='male'>male</option>
    <option value='female'>female</option>
    <option value='other'>other</option>
  </select>
  <label for="#{label}">gender</label>
  <div class="bar"></div>
 </div>
 <div class="input-container input10">
    <!-- <input type="#{type}" id="#{label}" required="required"/> -->
    <input type="date" name="bday" max="1979-12-31">
    <label for="#{label}">date of birth</label>
    <div class="bar"></div>
 </div>

您可以从以下网址了解更多信息: herehere

祝你好运