El elemento select (<select>) de HTML representa un control que muestra un menú de opciones. Las opciones contenidas en el menú son representadas por elementos <option>, los cuales pueden ser agrupados por elementos <optgroup>. La opcion puede estar preseleccionada por el usuario.
Ejemplo
Implementar un control de tipo select que nos permita seleccionar la edad de una persona(si es menor de 18 o si es mayor de 18 ), otro que permita seleccionar si es masculino o femenino
página1
<!DOCTYPE html>
<html lang="en">
<head>
<title>page 1</title>
<meta charset="UTF-8">
</head>
<body>
<div>
<h3>Formulario de carga de datos</h3>
<form action="page2.php" method="POST">
<select name="edad">
<option value="menor de 18">Menor de 18</option>
<option value="mayor de 18">Myor de 18</option>
</select>
<select name="sexo" id="">
<option value="masculino">Masculino</option>
<option value="femenino">femenino</option>
</select>
<input type="submit" name="subir" value="Enviar" />
</form>
</div>
</body>
</html>
Implementamos dos control select, uno para la edad y el otro para el sexo, cada opción tiene un valor, el que seleccionemos es el que se enviará a la página que procesa el formulario
Página 2
<!DOCTYPE html>
<html lang="en">
<head>
<title>Página 2</title>
</head>
<body>
<?php
$edad=$_POST["edad"];
$sexo=$_POST["sexo"];
echo "EDAD: ".$edad."<br>";
echo"SEXO: ".$sexo;
?>
</body>
</html>
Solo se puede seleccionar un elemento de cada control select
Comentarios
Publicar un comentario