Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Formulario Sencillo HTML Javascript

    Cargado por

    PruebaJul
    8 vistas1 página
    Este documento describe una página web que contiene un formulario para ingresar un nombre y número de teléfono, y una tabla para mostrar dicha información. Mediante una función JavaScript, los datos ingresados en el formulario se agregan dinámicamente como una nueva fila en la tabla, y luego se limpian los campos del formulario.

    Descripción original:

    Título original

    formulario sencillo html javascript

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    TXT, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Este documento describe una página web que contiene un formulario para ingresar un nombre y número de teléfono, y una tabla para mostrar dicha información. Mediante una función JavaScript, los datos ingresados en el formulario se agregan dinámicamente como una nueva fila en la tabla, y luego se limpian los campos del formulario.

    Copyright:

    © All Rights Reserved
    Descargue como TXT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    8 vistas1 página

    Formulario Sencillo HTML Javascript

    Cargado por

    PruebaJul
    Este documento describe una página web que contiene un formulario para ingresar un nombre y número de teléfono, y una tabla para mostrar dicha información. Mediante una función JavaScript, los datos ingresados en el formulario se agregan dinámicamente como una nueva fila en la tabla, y luego se limpian los campos del formulario.

    Copyright:

    © All Rights Reserved
    Descargue como TXT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 1

    <!

    DOCTYPE html>
    <html>
    <head>
    <title>Tabla con formulario</title>
    <script>
    // Función para agregar los datos a la tabla
    function agregarDatos() {
    // Obtener el valor del campo de nombre y teléfono
    var nombre = document.getElementById("nombre").value;
    var telefono = document.getElementById("telefono").value;

    // Obtener la tabla
    var tabla = document.getElementById("tabla");

    // Crear una nueva fila


    var fila = tabla.insertRow();

    // Insertar las celdas con los valores ingresados


    var celdaNombre = fila.insertCell(0);
    var celdaTelefono = fila.insertCell(1);
    celdaNombre.innerHTML = nombre;
    celdaTelefono.innerHTML = telefono;

    // Limpiar los campos del formulario


    document.getElementById("nombre").value = "";
    document.getElementById("telefono").value = "";
    }
    </script>
    </head>
    <body>
    <h1>Tabla con formulario</h1>

    <!-- Formulario para ingresar datos -->


    <form>
    <label for="nombre">Nombre:</label>
    <input type="text" id="nombre" name="nombre"><br>

    <label for="telefono">Teléfono:</label>
    <input type="text" id="telefono" name="telefono"><br>

    <button type="button" onclick="agregarDatos()">Agregar</button>


    </form>

    <!-- Tabla para mostrar los datos -->


    <table id="tabla">
    <thead>
    <tr>
    <th>Nombre</th>
    <th>Teléfono</th>
    </tr>
    </thead>
    <tbody>
    <!-- Aquí se agregarán las filas dinámicamente con JavaScript -->
    </tbody>
    </table>
    </body>
    </html>

    También podría gustarte