<!
DOCTYPE html>
<html>
<head>
<title>Formulario</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
background{
color: #0B5345;
}
</style>
</head>
<body>
<form action="#" target="" method="get" name="">
<table align="center" border="0" cellpadding="15" cellspacing=0
width=#7FB3D5 bordercolor= #7FB3D5 bgcolor=#7FB3D5 style="border-radius:30px">
<tr align="left">
<td>
<label for="txtParcial1"><FONT SIZE=4><font
color="black">Parcial 1:</label>
</td>
<td>
<input type="text" id="parcial1" required pattern="[0-9]{1,5}"
maxlength="5" size="30"
oninvalid="this.setCustomValidity('Error campo vacio')"
oninput="setCustomValidity('')">
</td>
</tr>
<tr align="left">
<td>
<label for="txtParcial2"><FONT SIZE=4><font
color="black">Parcial 2:</label>
</td>
<td>
<input type="text" id="parcial2" required pattern="[0-9]{1,5}"
maxlength="5" size="30"
oninvalid="this.setCustomValidity('Error campo vacio')"
oninput="setCustomValidity('')">
</td>
</tr>
<tr align="left">
<td>
<label for="txtParcial3"><FONT SIZE=4><font
color="black">Parcial 3:</label>
</td>
<td>
<input type="text" id="parcial3" required pattern="[0-9]{1,5}"
maxlength="5" size="30"
oninvalid="this.setCustomValidity('Error campo vacio')"
oninput="setCustomValidity('')">
</td>
</tr>
<tr align="left">
<td>
<label for="txtExamenF"><FONT SIZE=4><font color="black">Examen
final:</label>
</td>
<td>
<input type="text" id="examenF" required pattern="[0-9]{1,5}"
maxlength="5" size="30"
oninvalid="this.setCustomValidity('Error campo vacio')"
oninput="setCustomValidity('')">
</td>
</tr>
<tr align="left">
<td>
<label for="txtTrabajoF"><FONT SIZE=4><font
color="black">Trabajo final:</label>
</td>
<td>
<input type="text" id="trabajoF" required pattern="[0-9]{1,5}"
maxlength="5" size="30"
oninvalid="this.setCustomValidity('Error campo vacio')"
oninput="setCustomValidity('')">
</td>
</tr>
<tr align="center">
<td>
<input type="submit" value="Enviar" >
</tr>
</table>
<br>
<br>
<br>
<br>
<table align="center" border="0" cellpadding="12" cellspacing=1 width="35%"
bordercolor=#E74C3C bgcolor="#E74C3C style="border-radius:40px">
<tr align="left">
<td>
<label for="txtNombreV"><FONT SIZE=4>Nombre del
vendedor:</label>
</td>
<td>
<input type="text" id="nombreV" required pattern="[^'\x22]+"
maxlength="50" size="30"
oninvalid="this.setCustomValidity('Error campo vacio')"
oninput="setCustomValidity('')">
</td>
</tr>
<tr align="left">
<td>
<label for="txtCantidadV"><FONT SIZE=4>Cantidad Automoviles
Vendidos:</label>
</td>
<td>
<input type="text" id="cantidadV" required pattern="[0-9]{1,5}"
maxlength="5" size="30"
oninvalid="this.setCustomValidity('Error campo vacio')"
oninput="setCustomValidity('')">
</td>
</tr>
<tr align="left">
<td>
<label for="txtPrecioT"><FONT SIZE=4>Precio Total Automoviles
Vendidos:</label>
</td>
<td>
<input type="text" id="precioT" required pattern="[0-9]{1,20}"
maxlength="20" size="30"
oninvalid="this.setCustomValidity('Error campo vacio')"
oninput="setCustomValidity('')">
</td>
</tr>
<tr align="center">
<td>
<input type="submit" value="Enviar ">
</td>
</tr>
</table>
<br>
<br>
<br>
<br>
<table align="center" border="0" cellpadding="12" cellspacing=1 width="30%"
bordercolor="#0B5345" bgcolor="#0B5345" style="border-radius:20px">
<tr align="left">
<td>
<label for="txtNombreP"><FONT SIZE=4>Nombre del
paciente:</label>
</td>
<td>
<input type="text" id="nombreP" required pattern="[^'\x22]+"
maxlength="50" size="30"
oninvalid="this.setCustomValidity('Error campo vacio')"
oninput="setCustomValidity('')">
</td>
</tr>
<tr align="left">
<td>
<label for="txtPeso"><FONT SIZE=4>Peso en kilogramos:</label>
</td>
<td>
<input type="text" id="peso" required pattern="[0-9]{1,4}"
maxlength="4" size="30"
oninvalid="this.setCustomValidity('Error campo vacio')"
oninput="setCustomValidity('')">
</td>
</tr>
<tr align="left">
<td>
<label for="txtestatura"><FONT SIZE=4>Estatura en
metros:</label>
</td>
<td>
<input type="text" id="estatura" required pattern="([0-9])+.
([0-9]){2}" maxlength="7" size="30"
oninvalid="this.setCustomValidity('Error campo vacio')"
oninput="setCustomValidity('')">
</td>
</tr>
<tr align="center">
<td>
<input type="submit" value="Enviar">
</td>
</tr>
</table>
</form>
</body>
</html>
