Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: bermartinv en 07 de Marzo 2017, 16:10
-
Adjunto mi solución al tema CU00832B del taller de programación web con PHP.
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 (http://cursophp.byethost14.com/aprenderaprogramar/formulario1/formulario.html)
Y el código:
<!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
-
Hola bermartinv.
Todo bien.
Saludos. ;D