Registrar Paciente

This commit is contained in:
David 2024-04-28 19:51:59 -06:00
parent 6046fcd0f5
commit 1750dec94a
2 changed files with 100 additions and 0 deletions

View File

@ -0,0 +1,55 @@
*{
font-family:'Times New Roman', Times, serif;
box-sizing: border-box;
}
.formulario{
align-items: center;
justify-content:center;
margin: 0 auto;
background-color: #afc0f5;
height: fit-content;
width: 400px;
border-radius: 20px;
padding-top: 10px;
gap: 25px;
flex: 1 1 300px;
margin-bottom: 25px;
overflow: hidden;
}
label{
margin-left: 30px;
margin-bottom: 30px;
}
input[type="number"]{
width: 45px;
}
input{
border-radius: 10%;
border: 1px grey;
margin-bottom: 10px;
}
button{
background-color: rgb(123, 123, 248);
border-radius: 10%;
font-size: 18px;
border: 1px grey;
color:white;
margin-left: 30px;
margin-top: 20px;
margin-bottom: 30px;
padding: 5px 10px;
}
.btnCancelar{
background-color: red;
margin-left: 160px;
}
h2 {
margin-bottom: 30px;
text-align: center;
}

View File

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registrar Paciente</title>
<link rel="stylesheet" href="registrarPaciente.css">
</head>
<body>
<div class="formulario">
<h2>Registrar Paciente</h2>
<form action= "" id="registrarPaciente">
<label for="nombre" class="campoTexto">Nombre:</label>
<input type="text" name="nombre" id="nombre">
<div>
<label for="edad" class="edad">Edad:</label>
<input type="number" name="edad" id="edad">
<label for="peso" class="peso">Peso:</label>
<input type="number" name="peso" id="peso">
<label for="altura" class="altura">Altura:</label>
<input type="number" name="altura" id="altura">
</div>
<div>
<label for="presionArterial" class="presion">Presión Arterial:</label>
<input type="number" name="presionArterial" id="presionArterial">
<label for="temperatura" class="temperatura">Temperatura:</label>
<input type="number" name="temperatura" id="temperatura">
</div>
<label for="alergias" class="campoTexto">Alergias:</label>
<input type="text" name="alergias" id="alergias">
<div>
<button type="submit" class="btnRegistar">Registrar</button>
<button class="btnCancelar">Cancelar</button>
</div>
</form>
</div>
</body>
</html>