Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Ejemplo Clase Formularios222

    Cargado por

    MIKELMAM
    15 vistas2 páginas
    222

    Título original

    Ejemplo_clase_formularios222

    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
    222

    Copyright:

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

    Ejemplo Clase Formularios222

    Cargado por

    MIKELMAM
    222

    Copyright:

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

    Ejemplo de Formularios y CSS

    <html>

    <head>
    <title>Formulario con estilos CSS.</title>

    <style type="text/css">

    #formul {
    padding: 20px 0px 0px 30px; /* margen con valores: arriba - derecha - abajo - izquier
    da */
    font-family:verdana,arial;
    font-size:9pt;
    }

    .campos {
    font-family:verdana,arial; /* tipo de letra */
    width: 500px; /* anchura de campos de formulario */
    font-size:8pt; /* tamaño de la letra*/
    color:#008000; /* color del texto */
    border: 1px dotted red; /* color del borde puede ser solid ó dotted */
    background-color:#FFFF00; /* color del fondo */
    }

    .boton{
    font-size:12px;
    font-family:Verdana,Helvetica;
    font-weight:bold;
    color:#0000FF;
    background:#A4C1FF;
    border:0px;
    width:120px;
    height:25px;
    }

    #b_reset {
    margin: 0px 0px 0px 0px; /* margen con valores: arriba - derecha - abajo - izquierda
    */
    }

    #b_submit {
    margin: -
    25px 0px 0px 380px; /* margen con valores: arriba - derecha - abajo - izquierda */
    }

    </style>

    </head>

    <body>

    <div id="formul">

    <h3>Formulario de contacto.</h3>

    <form method="POST" action="mensaje.php" name="mensaje_f" enctype="multipart/form-


    data">

    <p>Nombre: <br />


    <input class="campos" type="text" name="nombre"></p>

    <p>E-Mail: <br />


    <input class="campos" type="text" name="email"></p>

    <p>Asunto: <br />


    <input class="campos" type="text" name="asunto"></p>

    <p>Mensaje:<br />

    R O N D A D E A T O C H A , 2 7 | M A D R I D | 2 8 01 2 | W W W . S A L E S I A N O S A T O C H A . E S
    <textarea class="campos" rows="10" name="mensaje"></textarea></p>

    <p>Adjuntar archivo: <br />


    <input class="campos" type="file" name="archivo" size="20"></p>

    <input type="hidden" name="id" value="">

    <div id="b_reset">
    <input class="boton" type="reset" value="Restablecer" name="B2">
    </div>

    <div id="b_submit">
    <input class="boton" type="submit" value="Enviar mensaje" name="B1">
    </div>

    </form>

    </div>

    </body>

    </html>

    R O N D A D E A T O C H A , 2 7 | M A D R I D | 2 8 01 2 | W W W . S A L E S I A N O S A T O C H A . E S

    También podría gustarte