Acá les dejo mi ejercicios resueltos del curso de programación PHP. Le agregué css también para practicar al mismo tiempo con el formulario dándole estilo.
El index php
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Envío de datos de un formulario con PHP. Métodos GET y POST. Ejemplos y ejercicios resueltos. (CU00832B)</title>
<link href="estilos.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<form method="get" action="recibe.php">
<div class="row checkbox">
<span>¿Desea recibir factura?:</span>
<label>
<input name="facturar" type="checkbox" value="si"/>Sí
</label>
<label>
<input name="facturar" type="checkbox" value="no"/>No
</label>
</div>
<div class="row">
<span>Sexo</span>
<label>
<input type="radio" name="sexo" value="varon" checked> Varon
</label>
<label>
<input type="radio" name="sexo" value="mujer"> Mujer
</label>
</div>
<div class="row">
<label for="nombre">Nombre</label>
<input id="nombre" name="nombre" type="text" placeholder="Nombre"/>
</div>
<div class="row">
<label for="direccion">Dirección</label>
<input id="direccion" name="direccion" type="text" placeholder="Dirección"/>
</div>
<div class="row">
<label for="email">Email</label>
<input id="email" name="email" type="text" placeholder="email"/>
</div>
<div class="row">
<span>Forma de envío</span>
<select name="formaEnvio">
<option value="normal">Normal</option>
<option value="avion">Avión</option>
<option value="urgente">Urgente</option>
</select>
</div>
<div class="row">
<input class="boton" type="submit" value="Enviar este formulario" />
</div>
</form>
</body>
</html>
Recibe.php
<?php$factura = $_GET['facturar'];$sexo = $_GET['sexo'];$nombre = $_GET['nombre'];$direccion = $_GET['direccion'];$email = $_GET['email'];$formaEnvio = $_GET['formaEnvio'];echo" ¿Desea recibir factura?: $factura";echo'<br/>';echo "sexo: $sexo";echo'<br/>';echo"Nombre: $nombre";echo'<br/>';echo"Direccion: $direccion";echo'<br/>';echo"Email: $email";echo'<br/>';echo "Forma de envio: $formaEnvio";
Y El css
body{
margin: 0;
padding: 0;
background: url("https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcT8t2kALyuKoILZGY5IdMk5g1pHL8HCjDW6VUFxVQ-7H2OGGinb");
background-size: cover;
}
form{
position:absolute;
width: 30%;
left: 100px;
top: 50px;
border: 0.1px solid black;
border-radius: 10px;
background: #F8F8FF;
}
.row{
display: block;
padding: 2px;
}
label{
width: 50px;
margin: 2px;
text-align: center;
}
input{
padding: 5px;
margin: 2px;
width: 300px;
}
input[type = "text"]{
margin-bottom: 5px;
border-radius: 5px;
}
.checkbox{
}
input[type = "checkbox"]{
margin: 0px;
padding: 0px;
width: 20px;
}
input[type = "radio"]{
margin: 0px;
padding: 0px;
width: 20px;
}
.boton{
margin: 5px 40% 5px;
background-color: blue;
background-clip: border-box;
border-radius: 5px;
color: white;
width: 150px;
opacity: 0.8;
}
.boton:hover{
cursor:pointer;
opacity: 0.5;
}
select{
width: 100px;
height: 30px;
border-radius: 5px;
}