input_form

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>test</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <style type="text/css">
    span {
        width: 150px;
        margin-left: 20px;
        float: left;
    }
    </style>
</head>

<body>
    <select onchange="form_input()">
        <option selected disabled hidden>Chọn số lượng</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
    <div id="option_show" style="display: none">
        <p id=title><b>Form nhập liệu:</b></p>
        <br>
        <form id=form style="display: none">
            <p><span>Họ tên</span>
                <input class="name" type="text">
                <span class="invalid check_name">Họ tên bắt buộc nhập</span>
            </p>
            <p><span>Lớp</span>
                <input class="classs" type="text">
                <span class="invalid check_classs">Lớp bắt buộc nhập</span>
            </p>
            <p><span>Email</span>
                <input class="email" type="text">
                <span class="invalid check_email">Email phải nhập và nhập đúng định dạng</span>
            </p>
            <p><span>Số điện thoại</span>
                <input class="phone" type="text">
                <span class="invalid check_phone">Số điện thoại phải nhập và nhập đúng định dạng (xxx xxx xxxx)</span>
            </p>
            <p><span>Điểm Văn</span>
                <input class="p1" type="number">
                <span class="invalid check_p1">Điểm Văn phải nhập và phải là số từ 0 - 10</span>
            </p>
            <p><span>Điểm Đạo Đức</span>
                <input class="p2" type="number">
                <span class="invalid check_p2">Điểm Đạo Đức phải nhập và phải là số từ 0 - 10</span>
            </p>
            <p><span>Điểm Lập Trình</span>
                <input class="p3" type="number">
                <span class="invalid check_p3">Điểm Lập Trình phải nhập và phải là số từ 0 - 10</span>
            </p>
        </form>
        <div id=show>
        </div>
        <button type="submit" onclick="check()" id="check">Nhập</button>
    </div>
    <script type="text/javascript">
    form_html = $("#form").html();
    i = 0;
    stt_print = 0;
    sv = [];

    function form_input() {
        $("#option_show").show();
        text = "";
        for (var i = 1; i <= $("option:selected").text(); i++) {
            if (i === 1) {
                $("#form").show();
            } else {
                text += "<hr align='left' width='350px'><form>" + form_html + "</form>";
            }
        }
        $("#show").html(text);
        $(".invalid").hide();
        $("form").each(function() {
            this.reset();
        });
    }
    </script>
</body>

</html>