You are on page 1of 3

<!

DOCTYPE html>
<html lang="es">
<!-- José Alejandro Castrillón Ortega -->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulario Matricula</title>
</head>

<body>
<h2>MATRICULACIÓN</h2>
<h4>Ingrese los datos de su Matricula a continuación:</h4>

<form action="">
<div>
<img src="photo.jpg" width="100px" height="100px">
<input type="file" name="photoinput" id="photoinput">
</div>
<br>

<div>
Nombre Completo:
<input type="text" name="nameinput" id="nameinput">
</div>
<br>

<div>
Tipo de Documento:
<input type="radio" name="doctypeinput" id="ccradio" value="CC">
<label for="ccradio">CC</label>
<input type="radio" name="doctypeinput" id="ceradio" value="CE">
<label for="ceradio">CE</label>
<input type="radio" name="doctypeinput" id="tiradio" value="TI">
<label for="tiradio">TI</label>
</div>
<div>
Numero de Documento:
<input type="number" name="docnuminput" id="docnuminput">
</div>
<br>

<div>
Género:
<input type="radio" name="genderinput" id="mradio" value="M">
<label for="mradio">M</label>
<input type="radio" name="genderinput" id="fradio" value="F">
<label for="fradio">F</label>
</div>
<br>

<div>
Departamento:
<input type="text" name="depinput" id="depinput">
Ciudad:
<input type="text" name="cityinput" id="cityinput">
</div>
<div>
Dirección:
<input type="text" name="addressinput" id="addressinput">
</div>
<br>

<div>
Fecha de Nacimiento:
<input type="date" name="dateinput" id="dateinput">
</div>
<br>

<div>
Estado Civíl:
<select name="statusselect" id="statusselect">
<option value="soltero">Soltero</option>
<option value="casado">Casado</option>
<option value="unionlibre">Union Libre</option>
<option value="divorciado">Divorciado</option>
<option value="viudo">Viudo</option>
</select>
</div>
<br>

<div>
Número de Teléfono:
<input type="number" name="phoneinput" id="phoneinput">
</div>
<div>
Correo Electrónico:
<input type="email" name="emailinput" id="emailinput">
</div>
<br>

<input type="submit" value="Enviar">


</form>
</body>

</html>

You might also like