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: everst en 19 de Febrero 2018, 21:04

Título: Lista desplegable con dos columnas dentro tabulador tab character en HTML
Publicado por: 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
Título: Re:Lista desplegable con dos columnas dentro tabulador tab character en HTML
Publicado por: Ogramar en 17 de Junio 2018, 17:51
Buenas, he estado mirando alternativas y lo que me ha funcionado mejor es  

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