programar tu formulario php
 

Hola gente veo que algunos aun se enrredan con la creacion de los formularios php boy a explicar de coquito o con plastilina como dicen por hay como hacerlo paso a paso, es mucho el tiempo que tube que invertir pero bueno estoy de vacaciones.

para el codigo html seria asi

primero el codigo de hojas de estilo que es el que le va dar la presentacion a nuestro formulario asi :

<STYLE type=text/css>
.Estilo7 {
FONT-SIZE: 13px; COLOR: #999999; FONT-FAMILY: Arial
}
.boton {
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #cccccc 1px solid; COLOR: #666666; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffff; FONT-VARIANT: normal
}
.campos {
BORDER-RIGHT: #d3d8db 1px solid; BORDER-TOP: #d3d8db 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #d3d8db 1px solid; COLOR: #0099ff; BORDER-BOTTOM: #d3d8db 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif
</STYLE>



segundo un script para nosotros elejir que campos iran como obligatorios en el formulario
<SCRIPT type=text/JavaScript>
<!--
function vacio(cadena)
{ // DECLARACION DE CONSTANTES
var blanco = " \n\t" + String.fromCharCode(13); // blancos
// DECLARACION DE VARIABLES
var i; // indice en cadena
var es_vacio; // cadena es vacio o no
for(i = 0, es_vacio = true; (i < cadena.length) && es_vacio; i++) // INICIO
es_vacio = blanco.indexOf(cadena.charAt(i)) != - 1;
return(es_vacio);
}
function salta_alfanumerico(cadena, i, otros)
{ // DECLARACION DE VARIABLES
var j; // indice en cadena
var car; // caracter de cadena
var alfanum; // cadena[j] es alfanumerico u otros
for(j = i, alfanum = true; (j < cadena.length) && alfanum; j++) // INICIO
{
car = cadena.charAt(j);
alfanum = alfanumerico(car) || (otros.indexOf(car) != -1);
}
if(!alfanum) // lee "alfanumX"
j--;
return(j);
}
/* dice si car es alfanumerico */
function alfanumerico(car)
{
return(alfabetico(car) || numerico(car));
}
/* dice si car es alfabetico */
function alfabetico(car) // DECLARACION DE CONSTANTES
{ // caracteres alfabeticos
var alfa = "ABCDEFGHIJKLMNOPQRSTUWXYZabcdefghijklmnopqrstuvxyz";
return(alfa.indexOf(car) != - 1); // INICIO
}
/* dice si car es numerico */
function numerico(car)
{ // DECLARACION DE CONSTANTES
var num = "0123456789"; // caracteres numericos
return(num.indexOf(car) != - 1); // INICIO
}
function email(cadena, otros)
{ // DECLARACION-INICIALIZACION VARIABLES
var i, j; // indice en cadena
var es_email = 0 < cadena.length; // cadena es email o no
i = salta_alfanumerico(cadena, 0, otros); // INICIO
if(es_email = 0 < i) // lee "alfanum*"
if(es_email = (i < cadena.length))
if(es_email = cadena.charAt(i) == '@') // lee "alfanum@*"
{
i++;
j = salta_alfanumerico(cadena, i, otros);
if(es_email = i < j) // lee "alfanum@alfanum*"
if(es_email = j < cadena.length)
if(es_email = cadena.charAt(j) == '\.')
{ // lee "alfanum@alfanum.*"
j++;
i = salta_alfanumerico(cadena, j, otros);
if(es_email = j < i) // lee "[email protected]*"
while(es_email && (i < cadena.length))
if(es_email = cadena.charAt(i) == '\.')
{
i++;
j = salta_alfanumerico(cadena, i, otros);
if(es_email = i < j) // lee "[email protected][.alfanum]*"
i = j;
}
}
}
return(es_email);
}
function validaCampos(form1){
if(vacio(form1.nombre.value))
alert("Nombre no puede estar vacío");
else if(vacio(form1.empresa.value))
alert("Empresa no puede estar vacío");
else if(vacio(form1.movil.value))
alert("ciudad no puede estar vacío");
else if(vacio(form1.email.value))
alert("email de correo no puede estar vacio");
else if(vacio(form1.como.value))
alert("Como se entero de nosotros no puede estar vacío");
else if(vacio(form1.comentarios.value))
alert("Tus comentarios no puede estar vacío");
else
form1.submit();
return(false);
}
function enviar() {
//validaCampos();
document.getElementById("form1").submit();
}
//-->
</SCRIPT>


tercero el body
<TABLE cellSpacing=0 cellPadding=0 width=390 align=center border=0>
<TBODY>
<TR>
<TD width=40
<FORM id=form1 name=form1 onSubmit="return validaCampos(this)"
action=enviar.php method=post>
<TD width=329 bgColor=#f5f9fa>
<TABLE cellSpacing=0 cellPadding=0 width=270 align=center
border=0><TBODY>
<TR>
<TD class=Estilo7 width=349>Nombre</TD></TR>
<TR>
<TD><INPUT class=campos id=nombre size=30 name=nombre></TD></TR>
<TR>
<TD class=Estilo7>Equipo</TD></TR>
<TR>
<TD><INPUT class=campos id=empresa size=30 name=empresa></TD></TR>
<TR>
<TD class=Estilo7>Ciudad</TD></TR>
<TR>
<TD><SELECT class=campos id=ciudad size=1 name=ciudad> <OPTION
value=Medellin selected>Medellin</OPTION> <OPTION
value=Cali>Cali</OPTION> <OPTION
value=Bogota>Bogota</OPTION> <OPTION
value=Barranquilla>Barranquilla</OPTION> <OPTION
value=Pasto>Pasto</OPTION> <OPTION
value=Cartagena>Cartagena</OPTION> <OPTION
value=Manizales>Manizles</OPTION> <OPTION
value=Otra>Otra</OPTION></SELECT></TD></TR>
<TR>
<TD class=Estilo7>competencia</TD></TR>
<TR>
<TD><SELECT class=campos id=competencia size=1 name=competencia> <OPTION
value="Nuevo Usuario" selected>Nuevo Usuario</OPTION>
<OPTION value=Liga>Liga</OPTION> <OPTION
value=Torneo>Torneo</OPTION></SELECT></TD></TR>
<TR>
<TD class=Estilo7>Email</TD></TR>
<TR>
<TD><INPUT class=campos id=email size=30 name=email></TD></TR>
<TR>
<TD class=Estilo7>Sus comentarios </TD></TR>
<TR>
<TD><TEXTAREA class=campos id=comentarios name=comentarios rows=4 cols=40></TEXTAREA></TD></TR>
<TR>
<TD> </TD></TR>
<TR>
<TD><INPUT class=boton type=submit value=Enviar name=Submit></TD></TR></TBODY></TABLE></TD></FORM>
<br>
<br>
<br>
</div></TD>
</TR>
</HTML>


4 codigo php

<?php
$nombre = $_POST['nombre'];
$empresa = $_POST['empresa'];
$ciudad = $_POST['ciudad'];
$email = $_POST['email'];
$competencia = $_POST['competencia'];
$comentarios = $_POST['comentarios'];
$header = 'From: ' . $email . " \r\n";
$header .= "X-Mailer: PHP/" . phpversion() . " \r\n";
$header .= "Mime-Version: 1.0 \r\n";
$header .= "Content-Type: text/plain";
$mensaje .= "Este mensaje fue enviado por " . $nombre . " \r\n";
$mensaje .= "Equipo seleccionado " . $empresa . " \r\n";
$mensaje .= "Su e-mail es: " . $email . " \r\n";
$mensaje .= "Su ciudad es : " . $ciudad . " \r\n";
$mensaje .= "Tipo de competencia : " . $competencia . " \r\n";
$mensaje .= "Mensaje o comentarios : " . $comentarios . " \r\n";
$para = '[email protected]';
$asunto = 'prueba formulario';
mail($para, $asunto, utf8_decode($mensaje), $header);
?>
<h2>Gracias!</h2>
<p>Tu mensaje ha sido enviado, pronto nos pondremos en contacto con usted.</p>
<?php print $nombre; ?>
<br />
<br />
<a href="javascript:history.go(-1);">Volver Atras</a>
<br />
<br />
<a href="http://redpes2008colombia.site40.net">Volver Pagina inicio</a>
<body>
</body>
</html>


explico script campos
ya aqui hay unas variables definidas que son id=nombre y el resto de las id si queremos poner un campo obligatorio o quitarlo debemos de modificar el contenido de los alerts
alert("Nombre no puede estar vacío");


explico body
en el body esta definido campo de texto nombre este mismo que asoscia con la variable del codigo php asi
<TD class=Estilo7 width=349>Nombre</TD></TR>
<TD><INPUT class=campos id=nombre size=30 name=nombre></TD></TR>
el nombre que esta junto con class por asi llamarlo es el nombre de campo puede ser modificado tranquilamente
id nombre es la variable que asocia el campo con el php para su envio. este se puede cambiar por otro nombre pero esto implica que se tendria que cambiar en varias partes como son
la variable en php
$nombre
el envio post del php
$_POST['nombre'];
las variables del script
if(vacio(form1.nombre.value))
alert("Nombre no puede estar vacío");
y en la variable mensaje del php
$mensaje .= "Este mensaje fue enviado por " . $nombre . " \r\n";
y en la variable del campo
<TD><INPUT class=campos id=nombre size=30 name=nombre></TD></TR>
mucho cuidado por que pone uno de estos valores que no cambies y algo fallara.
<FORM id=form1 name=form1 onSubmit="return validaCampos(this)" action=enviar.php method=post>
el envio del formulario al archivo php es muy importante que siempre sea asi
action=enviar.php
y el nombre del archivo html que va a contener este codigo sea formulario.htm en el archivo formulario iran
los codigos de
1 hoja de estilos
2 script de campos
3 body
obligatorio este orden


explico codigo php
en este codigo se definene las variables y el metodo de envio que usaremos que son como esta ejemplo:
$nombre = $_POST['nombre'];

ademas los encabezados fundamentales para el procesamiento de nuestros datos y envio al nyestro correo
ejemplo :
$header = 'From: ' . $email . " \r\n";
$header .= "X-Mailer: PHP/" . phpversion() . " \r\n";
$header .= "Mime-Version: 1.0 \r\n";
$header .= "Content-Type: text/plain";

esto no se debe de tocar para nada a menos de que tengas buenos conociemientos de php y que bayas a usar otro tipo de metodo o imponer un tipo de ciclo para el envio de los datos

la variable emnsaje es donde tu pones como quieres que reciba los datos en tu mail ejemplo
$mensaje .= "Este mensaje fue enviado por " . $nombre . " \r\n";
con esto aparecera en tu mail
Este mensaje fue enviado por
esas frases puedes cambiarlas libremente por las que quieras no afectaramn en nada el formulario

ahora vamos para las variable de envio
$para = '[email protected]';
$asunto = 'prueba formulario';
la variable para es la mas importante pues esta es la que debemos modificar y poner alli nuestro correo hay es dodne nos llegara la imformacion
la variable asunto es dodne indicaremos si es importante o no nuestro mensaje esta variable no es obligatoria


el archivo que va contener todo el codigo php incluyendo la parte de respuesta automatica se llamara enviar.php por ultimo estos dos archivos deden de ir juntos ya sea en la raiz o carpeta otro dato importante es que tu hosting de alojamiento ya sea gratuito o pago debe de tener el servicio php para poner a funcionar tu formulario en la web. Para probar el formulario de modo offline recomiendo el dreamwever


ejemplo formulario listo

http://darkmastercol.site50.net/formulario/formulario.htm




:) att DarKMasteR WeBMasteR y Programador php :)