41
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Curso PHP Método GET y POST. Enviar datos por get y recuperarlos CU00832B
« en: 07 de Marzo 2017, 16:10 »
Adjunto mi solución al tema CU00832B del taller de programación web con PHP.
http://cursophp.byethost14.com/aprenderaprogramar/formulario1/formulario.html
Y el código:
Saludos
Citar
Crea un archivo HTML que contenga un formulario que contenga un checkbox (¿Desea recibir factura?), dos input radio (Varón/Mujer), tres input tipo texto (Nombre, Dirección, Email) y un combobox para forma de envío (normal, por avión o urgente), junto con un botón de envío. Establece como url de envío la dirección recibe.php y método de envío get y comprueba que se recuperan los datos enviados correctamente a través de la url.
http://cursophp.byethost14.com/aprenderaprogramar/formulario1/formulario.html
Y el código:
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
form{
border:solid thin lightblue;
border-radius:10px;
display:block;
position:absolute;
top:20%;
left:20%;
padding:20px;
height:270px;
}
label{
color:blue;
font-size:2em;
}
input[type=radio]{
margin-left:70px;
}
input[name=nombre],input[name=direccion],input[name=email], select[name=formaEnvio]{
position: absolute;
right:0;
margin:10px;
}
input[type=submit]{
position:absolute;
botton:0;
right:0;
margin:20px;
}
</style>
</head>
<body>
<div id='popup'>
<form method="get" action="formulario.php" onsubmit = 'return true' >
<div class="checkbox">
<label >¿Desea recibir factura?</label>
<label>Sí</label><input name="factura" type="checkbox" value="si"/>
<label>No</label><input name="factura" type="checkbox" value="no"/></br>
</div>
<div class="radio">
<label >Sexo</label>
<input type="radio" name="sexo" value="varon" id="sexoV"><label for="sexoV">Varon</label>
<input type="radio" name="sexo" value="mujer" id="sexoM"><label for="sexoM"> Mujer</label>
</div>
<div class="">
<label for="nombre">Nombre</label>
<input id="nombre" name="nombre" type="text" placeholder="Escriba su nombre"/>
</div>
<div class="">
<label for="direccion">Dirección</label>
<input id="direccion" name="direccion" type="text" placeholder="Escriba su dirección"/>
</div>
<div class="">
<label for="email">Email</label>
<input id="email" name="email" type="text" placeholder="Escriba su email"/>
</div>
<div class="">
<label>Forma de envío</label>
<select name="formaEnvio">
<option value="">Elige opción</option>
<option value="normal">Normal</option>
<option value="avion">Avión</option>
<option value="urgente">Urgente</option>
</select>
</div>
<div class="">
<input class="" type="submit" value="Enviar" />
</div>
</form>
</div>
</body>
</html>
Saludos