Autor Tema: Lista desplegable con dos columnas dentro tabulador tab character en HTML (Leído 4319 veces)

everst · « **en:** 19 de Febrero 2018, 21:04 »

Hola amigos, lo que busco es como colocar o hacer un select o lista desplegable, que me permita mostrar dos o mas columnas de una tabla, es decir al desplegar que se vean los registros o datos generales de algo, ejemplo:

1 Pedro Perez 41 años Piel blanca
2 Pedro Perez 41 años Piel negra
3 Ernesto Quiemtero 23 años Piel negra
4 Everst Morales 37 años Piel Meztiza

etc.

cada fila pertenece al mismo registro, pero que muestre los datos estilo tabla.
Estoy haciendo una WEB y necesito mostrar los datos de una tabla en un select, pero tengo que mostrar registros de esta forma, varias columnas (tabuladas), porque pueden haber dos nombres iguales y de esta forma tienen mas estilo, no asi:

1-Pedro Perez-41 años-Piel blanca
2-Pedro Perez-41 años-Piel negra
3-Ernesto Quiemtero-23 años-Piel negra

Help please

Ogramar · « **Respuesta #1 en:** 17 de Junio 2018, 17:51 »

Buenas, he estado mirando alternativas y lo que me ha funcionado mejor es &emsp;

Se recomienda que el código vaya dentro de etiquetas <pre> ... </pre> ya que en caso contrario los navegadores tienden a colapsar de forma automática los espacios en blaco.

Este código me ha servido, aunque si quisieras cuadrar textos de longitudes muy diferentes quizás tendrías que ponerte a contar caracteres para cuadrarlo con exactitud.

Código: [Seleccionar]

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Ejemplo del uso de formularios - aprenderaprogramar.com</title>
</head>

<body>
<form method="get" action="http://aprenderaprogramar.com/action.php">

Elije solo una opción, como en los botones radio:
<pre>
<select name="entradalista1">
	
<option>Pedro Perez de la Rosa &emsp; 41 años &emsp; Piel blanca</option>
<option>Juan &emsp; 42 años si no se tiene en cuenta que fue inscrito tarde &emsp; Piel blanca</option>
<option>Alfredo Perez &emsp; 43 años &emsp; Piel blanca</option>
	
</select>
</pre>
<br /><br /><br /><br />

</form>
</body>
</html>

Salu2

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: