createPET.html

<ul style="width: 100%">
    <li><h2>Cadastro de PET</h2></li>
    <li>
        <div class="div-signIn">
            <form data-form-name="formCreatePET" action="/insert/pet" method="POST">
                <div class="div-field">
                    Nome:
                    <input name="name" type="text" placeholder="Rex"/>
                </div>
                
                <div class="div-field">
                    Raça:
                    <input name="race" type="text" placeholder="Vira-lata"/>
                </div>
                <div class="div-field">
                    Idade:
                    <input name="age" type="text" placeholder="00"/>
                </div>
                <div class="div-field">
                    <span >Foto: </span>
                    <input name="photo" type="file" style="color: ghostwhite;  width: 50%; float: left"/>
                </div>

                <button class="btn" onclick="sendForm('#formCreatePET')" 
                style="background-color: darkblue; width: 40%; margin-top: 10px; float: right"><span
                style="font-size: large; color: white; margin-top: 5px">Cadastrar</span></button>
            </form>
        </div>
    </li>
</ul>