form.html

<ul id="form_templates" class="fields hidden">
                <li class="name">
                    <label class="field_name">Name</label>
                    <input type="text" name="name"></input>
                    <span class="error_message"></span>
                </li>
                <li class="email">
                    <label class="field_name">Email</label>
                    <input type="email" name="email" class="email" novalidate></input>
                    <span class="error_message"></span>
                </li>
                <li class="phone">
                    <label class="field_name">Phone Number</label>
                    <input type="tel" name="phone" class="phone" novalidate></input>
                    <span class="error_message"></span>
                </li>
                <li class="gender">
                    <label class="field_name">Gender</label>
                    <span class="option"><input type="radio" name="gender" value="m" id="gender_male"/> <label for="gender_male">Male</label></span>
                    <span class="option"><input type="radio" name="gender" value="f" id="gender_female"/> <label for="gender_female">Female</label></span>
                    <span class="error_message"></span>
                </li>
                <li class="age">
                    <label class="field_name">Age</label>
                    <input type="number" pattern="[0-9]*" name="age" class="age" novalidate></input>
                    <span class="error_message"></span>
                </li>
                <li class="zip">
                    <label class="field_name">Zip Code</label>
                    <input type="number" pattern="[0-9]*" name="zip" class="zip" novalidate></input>
                    <span class="error_message"></span>
                </li>
            </ul>