Scribd Logo
Upload

Welcome to Scribd!

  • Tabla alumnos.html

    Uploaded by

    arturoalejandro1803
    3 views1 page
    html tabla alumnos

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    html tabla alumnos

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    3 views1 page

    Tabla alumnos.html

    Uploaded by

    arturoalejandro1803
    html tabla alumnos

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 1

    Tabla alumnos.

    html

    1 <!DOCTYPE html>
    2 <html lang="en">
    3 <head>
    4 <meta charset="UTF-8">
    5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6 <title>aarc</title>
    7 <script src="https://kit.fontawesome.com/6e1eb60fa0.js" crossorigin="anonymous"></script>
    8 <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    9 </head>
    10 <body>
    11
    12 <div class="container">
    13 <!-- Botón para mostrar la tabla -->
    14 <br>
    15 <button id="ver" class="btn btn-success" title="VerTabl">Ver</button>
    16
    17 <!-- Contenedor de la tabla (oculto por defecto) -->
    18 <div class="container" id="alumnos" style="margin: 5% auto; display: none;"></div>
    19
    20 <!-- Botón para agregar un nuevo alumno -->
    21 <button id="agregar" class="btn btn-danger" title="AgrgrAlum">Agregar</button>
    22 </div><br>
    23
    24 <!-- Formulario -->
    25 <div class="container" id="form-container" style="margin-top:10px;width: 40%;background-color:#202020;
    display: none; color: white;">
    26 <form class="row g-3" id="form-alumnos">
    27 <div class="col-md-6">
    28 <label for="mat" class="form-label"><b>Matrícula:</b></label>
    29 <input type="number" class="form-control" id="mat" placeholder="Ingresa matrícula" required>
    30
    31 <label for="nom" class="form-label"><b>Nombre:</b></label>
    32 <input type="text" class="form-control" id="nom" placeholder="Ingresa nombre" required>
    33 </div>
    34
    35 <div class="col-6">
    36 <label for="prom" class="form-label"><b>Promedio:</b></label>
    37 <input type="number" step="0.1" class="form-control" id="prom" placeholder="Ingresa
    promedio" required>
    38 </div>
    39
    40 <div class="col-12" style="display: flex; justify-content: center; align-items: center;">
    41 <button type="submit" class="btn btn-secondary">Guardar</button><br><br>
    42 </div>
    43 </form>
    44 </div>
    45
    46 <script src="bootstrap/js/bootstrap.min.js"></script>
    47 <script src="js/Exm.js"></script>
    48 </body>
    49 </html>
    50

    You might also like