Temas > Programacion > Html > Formulario select (seleccion multiple) en html
Julio

Formulario - select (cuadro de selección múltiple)
Una variante del cuadro de selección que vimos en el concepto anterior es
permitir que el visitante  el sitio pueda seleccionar varias opciones.
Supongamos que tenemos un cuadro de selección con una lista de colores y
queremos que el visitante pueda elegir varios y no uno solo.
La página que resuelve este problema es:
<?php // esto no va
<html>
<head>
<title>Prueba de formulario</title>
</head>
<body>
<form action="/registrardatos.php" method="post">
Seleccione uno o varios colores (Presione Ctrl para seleccionar varios
colores)<br>
<select name="colores[]" size="4" multiple>
<option value="1">Rojo</option>
<option value="2">Verde</option>
<option value="3">Azul</option>
<option value="4">Amarillo</option>
<option value="5">Blanco</option>
<option value="6">Negro</option>
<option value="7">Naranja</option>
<option value="8">Violeta</option>
</select>
<br>
<input type="submit" value="Enviar">
</form>
</body>
</html>
?> // esto no va
Podemos observar la sintaxis para la definición de un cuadro de selección
múltiple:
<?php // esto no va
<select name="colores[]" size="4" multiple>
?> // esto no va
Definimos una propiedad llamada multiple y no le asignamos valor, por otro
lado al nombre definido en la propiedad name le agregamos al final los
caracteres [] para que desde el servidor podamos identificar que el control
retorna posiblemente muchos valores.
Es también común inicializar la propiedad size con un valor mayor a 1
para que sea más fácil la selección.
La mayoría de los navegadores permiten seleccionar opciones que no se
encuentran juntas mediante el ratón y presionando simultáneamente la
tecla Ctrl.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
      1
2345678
9101112131415
16171819202122
23242526 272829
30      

Viernes 27 de Junio 2025
Semana 26

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar