Hola!
Queiro agregar un multiple choice a mi formulario, el tema es que nose como ligar el html y el php porque este form me vino prefabricado y poco entiendo de php.
Pongamosle que quiero agregar este multiplechoice
Código HTML:
What is your favorite primary color?<br>
<input type="radio" name="fav_color" value="Red">Red<br>
<input type="radio" name="fav_color" value="Blue" checked>Blue<br>
<input type="radio" name="fav_color" value="Yellow">Yellow
Como lo armo en este form? Gracias!
Código PHP:
<?php
//proceso del formulario
// si existe "enviar"...
if (isset ($_POST['enviar'])) {
//recogemos las variables
$nombre=$_POST['nombre'];
$email=$_POST['email'];
$email2=$_POST['email2'];
$comentario=$_POST['comentario'];
//comprobamos si todos los campos fueron completados
if ($nombre!='' && $email!='' && $email2!='' && $comentario!='') {
// si es asi armamos el html
$contenido = '<html><body>';
$contenido .= '<h2>Contacto desde formulario</h2>';
$contenido .= '<p>Enviado el '. date("d M Y").'</p>';
$contenido .= '<hr />';
$contenido .= '<p>Nombre: <strong>'.$nombre.'</strong>';
$contenido .= '<p>Email: <strong>'.$email.'</strong>';
$contenido .= '<p>Email2: <strong>'.$email2.'</strong>';
$contenido .= '<p>Comentario: <strong>'.$comentario.'</strong>';
$contenido .= '<hr />';
$contenido .= '</body></html>';
// si todos los campos fueron completados enviamos el mail
mail ("[email protected]", "Titulo del mensaje", $contenido, "From: $email\nContent-Type: text/html; charset=iso-8859-1\nContent-Transfer-Encoding: 8bit");
$flag='ok';
$mensaje='<div id="ok">Gracias por Contactarnos</div>';
} else {
//si no todos los campos fueron completados se frena el envio y avisamos al usuario
$flag='err';
$mensaje='<div id="error">Todos Los Campos Son Requeridos</div>';
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Contactenos</title>
<style>
body {
font: 12px Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}
#form {
border: 3px double #eaeaea;
background-color: #fafafa;
padding: 10px;
width: 400px;
margin: auto;}
#form h2{
font-size: 1.5em;
margin: 0 0 1em 0;
padding: 0 0 0.5em 0;}
#form .campo {
border: 1px solid #999;
padding: 0.3em;
font-size: 1.2em;}
#form .error {
border: 1px solid #F00;
padding: 0.3em;
font-size: 1.2em;}
#form .com {
border: 1px solid #999;
padding: 0.3em;
font-size: 1.2em;
width:20em;
height: 10em;
font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}
#form .com-error {
border: 1px solid #F00;
padding: 0.3em;
font-size: 1.2em;
width:20em;
height: 10em;
font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}
#form .boton {
border: 2px solid #999;
padding: 0.3em;
font-size: 1.2em;
width: 4em;}
#error {
border: 1px dashed #F00;
background-color: #FFF;
padding: 5px;}
#ok {
border: 1px dashed #060;
background-color:#FFF;
padding: 5px;}
</style>
</head>
<body>
<div id="form">
<h2>Formulario de Contacto</h2>
<? echo $mensaje; /*mostramos el estado de envio del form */ ?>
<? if ($flag!='ok') { ?>
<form action="contactenos.php" method="post">
<p>Nombre* <br />
<input <? if (isset ($flag) && $_POST['nombre']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="nombre" value="<? echo $_POST['nombre'];?>" /></p>
<p>Email* <br />
<input <? if (isset ($flag) && $_POST['email']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="email" value="<? echo $_POST['email'];?>" /></p>
<p>Email Destinatario* <br />
<input <? if (isset ($flag) && $_POST['email2']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="email2" value="<? echo $_POST['email2'];?>" /></p>
<p>Comentario* <br />
<textarea <? if (isset ($flag) && $_POST['comentario']=='') { echo 'class="com-error"';} else {echo 'class="com"';} ?> name="comentario"><? echo $_POST['comentario'];?></textarea></p>
<p><input class="boton" type="submit" name="enviar" value="enviar" /></p>
</form>
<? } ?>
</div> <!-- end form-->
</body>
</html>