2024-04-29 15:02:05 +00:00
|
|
|
import React from 'react';
|
|
|
|
|
import './Registro.css'; // Estilo para el formulario
|
|
|
|
|
|
2024-05-08 14:13:50 +00:00
|
|
|
function Registro(){
|
2024-04-29 15:02:05 +00:00
|
|
|
|
|
|
|
|
return (
|
2024-05-12 22:23:07 +00:00
|
|
|
<body className="bodyRegistro">
|
|
|
|
|
<h1 className='titRegistro'>Registro</h1>
|
|
|
|
|
<h4>Datos Personales</h4>
|
|
|
|
|
<form className='formRegistro'>
|
2024-04-29 15:02:05 +00:00
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="nombre">Nombre:</label>
|
|
|
|
|
<input type="text" id="nombre" name='nombre'/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="apellidoPaterno">Apellido Paterno:</label>
|
|
|
|
|
<input type="text" id="apellidoPaterno" name='apellidoPaterno'/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="apellidoMaterno">Apellido Materno:</label>
|
|
|
|
|
<input type="text" id="apellidoMaterno" name="apellidoMaterno" />
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="sexo">Sexo:</label>
|
|
|
|
|
<select id="sexo" name="sexo">
|
|
|
|
|
<option value="Masculino">Masculino</option>
|
|
|
|
|
<option value="Femenino">Femenino</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="nacimiento">Fecha Nacimiento:</label>
|
|
|
|
|
<input type="date" id="nacimiento" name="nacimiento"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="nacionalidad">Nacionalidad:</label>
|
|
|
|
|
<input type="text" id="nacionalidad" name="nacionalidad"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="ciudad">Ciudad:</label>
|
|
|
|
|
<input type="text" id="ciudad" name="ciudad"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="direccion">Dirección:</label>
|
|
|
|
|
<input type="text" id="direccion" name="direccion"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="codigoPostal">Código Postal:</label>
|
|
|
|
|
<input type="text" id="codigoPostal" name="codigoPostal"/>
|
|
|
|
|
</div>
|
2024-05-12 22:23:07 +00:00
|
|
|
<div className="campo" id='campoTelefono'>
|
2024-04-29 15:02:05 +00:00
|
|
|
<label htmlFor="telefono">Teléfono:</label>
|
|
|
|
|
<input type="text" id="telefono" name="telefono"/>
|
|
|
|
|
</div>
|
2024-05-12 22:23:07 +00:00
|
|
|
<div className="campo" id='campoTelefonoCasa'>
|
2024-04-29 15:02:05 +00:00
|
|
|
<label htmlFor="telefonoCasa">Teléfono Casa:</label>
|
|
|
|
|
<input type="text" id="telefonoCasa" name="telefonoCasa"/>
|
|
|
|
|
</div>
|
2024-05-12 22:23:07 +00:00
|
|
|
<div className="campo" id='campoCorreo'>
|
2024-04-29 15:02:05 +00:00
|
|
|
<label htmlFor="correo">Correo:</label>
|
|
|
|
|
<input type="email" id="correo" name="correo"/>
|
|
|
|
|
</div>
|
2024-05-12 22:23:07 +00:00
|
|
|
<div className="campo"id='campoContraseña'>
|
2024-04-29 15:02:05 +00:00
|
|
|
<label htmlFor="contrasena">Contraseña:</label>
|
|
|
|
|
<input type="password" id="contrasena" name="contrasena"/>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
2024-05-12 22:23:07 +00:00
|
|
|
|
2024-04-29 15:02:05 +00:00
|
|
|
<h4>Datos de Tutor</h4>
|
2024-05-12 22:23:07 +00:00
|
|
|
<form className='formRegistro'>
|
2024-04-29 15:02:05 +00:00
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="nombre">Nombre:</label>
|
|
|
|
|
<input type="text" id="nombre" name='nombre'/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="apellidoPaterno">Apellido Paterno:</label>
|
|
|
|
|
<input type="text" id="apellidoPaterno" name='apellidoPaterno'/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="apellidoMaterno">Apellido Materno:</label>
|
|
|
|
|
<input type="text" id="apellidoMaterno" name="apellidoMaterno" />
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="sexo">Sexo:</label>
|
|
|
|
|
<select id="sexo" name="sexo">
|
|
|
|
|
<option value="Masculino">Masculino</option>
|
|
|
|
|
<option value="Femenino">Femenino</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="parentesco">Parentesco:</label>
|
|
|
|
|
<input type="text" id="parentesco" name="parentesco"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="Numero Celular">Numero Celular:</label>
|
|
|
|
|
<input type="text" id="Numero Celular" name="Numero Celular"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="Numero Casa">Numero Casa:</label>
|
|
|
|
|
<input type="text" id="Numero Casa" name="Numero Casa"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="edad">Edad:</label>
|
|
|
|
|
<input type="text" id="edad" name="edad"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="direccion">Dirección:</label>
|
|
|
|
|
<input type="text" id="direccion" name="direccion"/>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
2024-05-12 22:23:07 +00:00
|
|
|
|
2024-04-29 15:02:05 +00:00
|
|
|
<div className="btnenviar">
|
|
|
|
|
<input type="submit" className="boton" value="Registrar" />
|
|
|
|
|
</div>
|
2024-05-12 22:23:07 +00:00
|
|
|
</body>
|
2024-05-12 22:47:26 +00:00
|
|
|
=
|
2024-05-08 14:13:50 +00:00
|
|
|
<div className="formulario">
|
|
|
|
|
<h2>Registro</h2>
|
|
|
|
|
<div><h4>Datos Personales</h4></div>
|
|
|
|
|
<form className='form'>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="nombre">Nombre:</label>
|
|
|
|
|
<input type="text" id="nombre" name='nombre' />
|
2024-04-29 15:02:05 +00:00
|
|
|
</div>
|
2024-05-08 14:13:50 +00:00
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="apellidoPaterno">Apellido Paterno:</label>
|
|
|
|
|
<input type="text" id="apellidoPaterno" name='apellidoPaterno' />
|
2024-04-29 15:02:05 +00:00
|
|
|
</div>
|
2024-05-08 14:13:50 +00:00
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="apellidoMaterno">Apellido Materno:</label>
|
|
|
|
|
<input type="text" id="apellidoMaterno" name="apellidoMaterno" />
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="nacionalidad">Nacionalidad:</label>
|
|
|
|
|
<input type="text" id="nacionalidad" name="nacionalidad" />
|
|
|
|
|
</div>
|
|
|
|
|
<div className="campo">
|
|
|
|
|
<label htmlFor="correo">Correo:</label>
|
|
|
|
|
<input type="correo" id="correo" name="correo" />
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<div>
|
|
|
|
|
<button type="submit" className='boton'>Registrarse</button>
|
|
|
|
|
</div>
|
2024-04-29 15:02:05 +00:00
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
2024-05-12 22:47:26 +00:00
|
|
|
export default Registro
|
