Formulario de contacto html y php

Hola como estan todos ?

Les voy explicar de forma sencilla como hace un formulario de contacto en html y php. Cuando el usuario ingrese sus datos y ponga publicar lo lleve a una pagina donde diga, "Gracias a la brevedad le respoderemos su consulta" y que te llegue la informacion a tu email . Incluye validate


Desde Cero


  • Primero creamos un documento con que se va llamar form-contacto.html
  • Luego ingresamos el siguiente codigo:






div class="formulario">
action="rrhh-envio.php" "target='_self' enctype="multipart/form-data">













Adjuntar CV






(*) CAMPOS OBLIGATORIOS







Te va quedar asi:


Ahora le vamos a dar estilo para que no se vea asi, entonces en nuestro archivo marcado en azul ingresamos estos datos de estilo css.--->

Creamos el archivo style-contacto.css e ingresamos estos datos:

BODY {
margin: 0px ;
margin-right: auto;
margin-left: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;


}

.formulario {
float:left;
margin: 30px 0px 0px 20px;
width: 190px;
font-size: 14px;
color: #3F3D37;

}

.formulario .campos {
margin: -28px 0px 50px 200px;
padding: 10px 0px 5px 2px;
border: 1px solid #ccc;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
font-size: 14px;
width: 285px;
height: 20px;
border-radius: 3px ;
}
.formulario .campos1 {
margin: -28px 0px 50px 200px;
padding: 10px 0px 5px 2px;
border: 1px solid #ccc;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
font-size: 14px;
width: 285px;
height: 120px;
border-radius: 3px ;
}
.formulario .n {
margin: 0px 0px 5px 0px;
padding: 10px 0px 5px 8px;
border: 1px solid #ccc;
background-color: #f5f5f5;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
font-size: 15px;
width: 285px;
height: 40px;
border-radius: 3px ;
}

.obligatorio {
float: left;
margin: 0px 0px 20px 0px;
padding: 5px 0px 0px 0px;
width: 144px;
font-weight: bold;
font-size: 10px;
}

.enviar_boton {
float: left;
padding: 1px;
margin: 10px 0px 8px 198px;
width: 85px;
height: 30px;
font-size: 11px;
color: #FFFFFF;
text-align: center;
border-radius: 5px 5px 5px 5px;
background: #221E1B;
}

Y nos va quedar asi:



Bien, ya tenes el archivo html generado y un estilo básico para nuestro formulario. Este formulario incluye restriccion de campos para que usuario ingrese obligatoriamente los datos en los campos, si no queres que sean obligatorios les quitas el "required"




Ahora tenemos que crear el archivo rrhh-envio.php el que esta marcado en verde .

IMPORTANTE:Este archivo procesara el envió de datos,imágenes o de archivos adjuntos- Modificar los datos en color naranja.

Ingresar este código dentro del archivo rrhh-envio.php: