Form

Date input

Published on

Example

Open in new tab
View HTML markup 
  
<!--[-->
<!--[-->
<!---->
<form method="POST" novalidate action="?/">
  <fieldset id="dob" name="dob" aria-describedby="dob-hint">
<!--[-->
    <legend id="dob">Date of your last adventure
<!---->
<!----></legend>
<!--]-->
<!---->
 <!--[--><span id="dob-hint">
<!---->For example 2022 5 30
<!----></span>
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!---->
    <div role="group">
      <div>
<!--[--><label for="year" id="year">Year
<!---->
<!----></label>
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!----> <input dir="auto" value="" autocapitalize="off" autocomplete="off" autocorrect="off" spellcheck="false" id="year" size="4" inputmode="numeric" type="text">
<!---->
 <!---->
<!---->
<!---->
<!----></div>
<!---->
      <div>
<!--[--><label for="month" id="month">Month
<!---->
<!----></label>
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!----> <input dir="auto" value="" autocapitalize="off" autocomplete="off" autocorrect="off" spellcheck="false" id="month" size="4" type="text">
<!---->
 <!---->
<!---->
<!----></div>
<!---->
      <div>
<!--[--><label for="day" id="day">Day
<!---->
<!----></label>
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!----> <input dir="auto" value="" autocapitalize="off" autocomplete="off" autocorrect="off" spellcheck="false" id="day" size="2" inputmode="numeric" type="text">
<!---->
 <!---->
<!---->
<!---->
<!----></div>
<!---->
<!---->
    </div>
<!---->
<!---->
  </fieldset>
<!----> <button type="button">
<!---->Submit
<!----></button>
<!---->
<!---->
</form>
<!---->
<!--]-->
<!--]-->

Variables

None for input