JSFiddle - React, Tailwind, and code Playground

by Michel Plungjan

HTML

<div id="content">
    <article id="contentimg">
        <form action="http://posttestserver.com/post.php" onsubmit="return validate_form(this)" method="post">
        <fieldset style="border: 1px solid; padding: 10px;">
            <legend>Enter your information to subscirbe:</legend>
            Birthday: <input class="glowing-border" type="date" name="bday" required ><br>
            <input class="glowing-border" type="submit" value="Submit">
            <input class="glowing-border" type="reset" value="Reset">
        </fieldset>
        </form>
    </article>
</div>

JavaScript

function validatge_form() { return false; /* for debugging*/}
function getDob() {
    var date = new Date();
    return (date.getFullYear()-18)+"-"+(date.getMonth()+1)+"-"+date.getDate();
}
$(function() {
  $("input[type=date]").prop("max",getDob());
});