Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Examen Final Progra

    Cargado por

    Erick Méndez
    7 vistas4 páginas

    Título original

    Examen Final progra

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    7 vistas4 páginas

    Examen Final Progra

    Cargado por

    Erick Méndez

    Copyright:

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

    Erick Leonidas Méndez Velásquez 0903-20-8650

    //Codigo HTML
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-
    scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="estilo.css">
    <title>Formulario Registro</title>
    </head>
    <body>
    <section class="form-register">
    <h4>Formulario Registro</h4>
    <input class="controls" type="text" name="idproducto"
    id="idproductos" placeholder="Ingrese ID Producto">
    <input class="controls" type="text" name="codigo" id="codigo"
    placeholder="Ingrese su codigo">
    <input class="controls" type="text" name="NombrePro" id="NombrePro"
    placeholder="Ingrese Nombre del Producto">
    <input class="controls" type="text" name="PrecioPro" id="PrecioPro"
    placeholder="Ingrese Precio del Producto">
    <input class="controls" type="text" name="FechaPro" id="FechaPro"
    placeholder="Ingrese Fecha de Ingreso">
    <input class="controls" type="text" name="CaducidadPro"
    id="CaducidadPro" placeholder="Ingrese Fecha de Caducidad del Producto">
    <input class="botons" type="submit" onclick="alerta()"
    value="Registrar">
    </section>
    <script src="form.js"></script>
    </body>
    </html>

    Código css
    * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }

    body {
    background: aliceblue;
    }

    .form-register {
    width: 400px;
    background: #24303c;
    padding: 30px;
    margin: auto;
    margin-top: 100px;
    border-radius: 4px;
    font-family: 'calibri';
    color: white;
    box-shadow: 7px 13px 37px #000;
    }
    Erick Leonidas Méndez Velásquez 0903-20-8650

    .form-register h4 {
    font-size: 22px;
    margin-bottom: 20px;
    }

    .controls {
    width: 100%;
    background: #24303c;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 16px;
    border: 1px solid #1f53c5;
    font-family: 'calibri';
    font-size: 18px;
    color: white;
    }

    .form-register p {
    height: 40px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    }

    .form-register a {
    color: white;
    text-decoration: none;
    }

    .form-register a:hover {
    color: white;
    text-decoration: underline;
    }

    .form-register .botons {
    width: 100%;
    background: #1f53c5;
    border: none;
    padding: 12px;
    color: white;
    margin: 16px 0;
    font-size: 16px;
    cursor:pointer;
    }

    Codigo javascript
    function alerta()
    {
    alert("Los campos no tienen que estar vacios");
    }
    Erick Leonidas Méndez Velásquez 0903-20-8650
    Erick Leonidas Méndez Velásquez 0903-20-8650

    También podría gustarte