Dreamweaver CC 2017 esencial

Menús desplegables y listas en Dreamweaver CC 2017

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Otra forma de dar al usuario la posibilidad de ofrecer información sin necesidad de escribir es el uso de las etiquetas select, que crean listas desplegables con opciones. Aprenderemos en este vídeo a crear este tipo de selects.

Transcripción

(hombre) Hoy en día la tendencia es intentar evitar, dentro de lo posible, porque obviamente, no siempre se puede, la utilización de campos de introducción de datos. Dicho de otro modo, se busca siempre la posibilidd de hacer selecciones. Esto es debido a que se utilizan mucho las tablets y los teléfonos y con ellos es más difícil trabajar con el teclado, es más incómodo. Entonces para facilitar la tarea de introducir datos, es mejor dar muchas opciones que sean simplemente tocar con el dedo. Hemos visto los Radio Buttons, y los Check Boxes, pero hay otra opción fundamental que son las etiquetas Select. O sea, son las listas desplegables o los Combo Boxes. Voy a pedir que esto me lo ponga al final de todo, pulsando sobre seleccionar, me va a añadir efectivamente un select. Aquí vemos, me pone por un lado el Label y por el otro lado, el Select. Voy a cambiarle el valor, y voy a ponerle de rótulo, Experiencia. Y voy a seleccionar este Select. Tiene como todos ellos un Name tiene, pues eso, que sea requerido, el que esté desactivado, auto focus, pero sobre todo, lo que tiene de importante es este múltiple. Este múltiple permite hacer selecciones múltiples. Y tiene otra cosa que también es muy importante, que son los valores de lista. Tengo aquí un botón que no aparecía antes y que me permite añadir las diferentes filas que van a aparecer en ese selector. Entonces, aquí puedo poner... Mucha. Puede pasar un valor Cero... Bastante, valor uno; media, valor dos; poca, con un valor tres; o ninguna, con un valor cuatro. Pulso en aceptar, aquí veo las distintas filas que he añadido y me permite hacer que alguna de ellas esté seleccionada por defecto. Voy a ponerme en la vista de código. ¿En qué consiste este Select? Pues en una etiqueta Select, ya no es una etiqueta Input, es una etiqueta Select, y dentro de ella tenemos una serie de etiquetas Option. Cada una de ellas tiene dentro el texto que va a aparecer y el Value, el valor que se envía. Esta etiqueta Select tiene el nombre el Name de Experiencia. Bueno, pues con ella conseguiremos que cuando se envíe el formulario se envíe la variable experiencia y se envíe con el valor de la opción seleccionada. Si selecciono Media, pues enviaría Experiencia igual a dos. Esta es más o menos la idea. Puedo hacer, como digo, que alguna venga marcada por defecto. Así que lo normal es añadir un valor más que ponga algo así como "Selecciona una opción", y selecciono un valor, que sea fácil distinguir que no es correcto. Esta es una posibilidad, luego hago que aparezca aquí seleccionado y estaría listo. Lo que pasa es que esto me va a obligar a hacer una validación un poco más específica. Si yo hago que ninguno de ellos aparezca seleccionado y lo pongo como requerido, así voy a obligar a que se seleccione alguno pase lo que pase. Y por otro lado, decía que se puede hacer que haya selecciones múltiples. Las selecciones múltiples van a cambiar la forma en que se va a mostrar ese campo. Y aquí lo vemos, en vez de ser un desplegable, me lo muestra ya desplegado, me lo muestra como una lista, y me permite, utilizando la tecla Mayúsculas, hacer selecciones múltiples. Selecciono uno, selecciono otro y me coge todos los del medio. Como podemos ver, el concepto es distinto. Es bastante más cómodo que la utilización de los Check Boxes o de los Radio Buttons.

Dreamweaver CC 2017 esencial

Crea sitios web gracias al software de Adobe, Dreamweaver CC 2017. Con este repaso esencial a sus fundamentos podrás crear páginas responsive y mostrar tus contenidos a la última.

6:11 horas (78 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.