Dreamweaver CC 2017 esencial

Casillas de verificación y botones de opción en Dreamweaver

¡Prueba gratis durante 10 días

nuestros 1240 cursos !

Prueba gratis Mostrar modalidades de suscripción
Además de los campos de introducción de datos, necesitaremos muchas veces dar a elegir al usuario entre opciones fijas, y para eso son ideales las casillas de verificación y los grupos de botones de opción.

Transcripción

Cuando queremos que se pueda seleccionar entre una serie de posibilidades fijas, hay otras formas de añadir controles interactivos dentro de los formularios. En principio va a haber dos que son los que más se utilizan. Por un lado los "Botones de opción" y, por otro lado, las "Casillas de verificación". Dentro de Dreamweaver podemos trabajar con ellos por separado y también podemos crear grupos de ellos. Vamos a ver un poco cómo funcionan. Voy a moverme dentro del formulario, voy a seleccionar el último de los elementos fuera de lo que son los botones, y voy a añadir un "Botón de opción", lo voy a poner después. Ese botón de opción tiene varias características, si lo tengo seleccionado dentro del panel de propiedades se ve que bueno por supuesto, tiene el nombre. Por otro lado tiene el que esté marcado o que no esté marcado, así que se puede obligar a que cuando se abre aparezca ese círculo, con el círculo oscuro en negro o no. Tiene un valor. Si yo selecciono ese botoncito en concreto pues se va a guardar en la variable con este nombre, este valor. En realidad no es exactamente así, lo veremos un poco más adelante, pero más o menos como idea sirve. Y luego tiene el resto de opciones parecidas a los demás elementos, pero, en realidad, no tiene sentido utilizar un "Radio Button" solo, porque lo que tiene sentido en los "Radio Butttons" es tener unos cuantos y cuando yo selecciono uno de ellos los demás se deseleccionen. Voy a seleccionar también este "label" que se me ha quedado por el camino. Para poder facilitar entonces el trabajo con ellos se utilizan los "Grupos de opciones". Estos "Grupos de opciones" que voy a pedir que me añada después al final, me dejan eso, añadir diferentes "Radio Buttons" pero todos ellos seleccionados. Entonces, primero tengo que poner el nombre del grupo, color, luego, tengo un listado de botones, de hecho ya me ha añadido dos por defecto, pues puede ser rojo, verde o, por ejemplo, azul. Por otro lado, este es el "Label", o sea, el texto que aparece con el botón, que no tiene por que ser el mismo que el valor. Por ejemplo, yo aquí, podría pasar un código al servidor, por ejemplo, una "r" una "v", puedo añadir todos los que quiera, puedo pulsar "+" "−" o puedo recolocarlos pulsando sobre las flechas y eso me mueve el elemento que tengo seleccionado. Luego, por último, también elijo cómo quiero que me los añada. Si quiero que utilice <br para ponerme uno encima del otro, o si quiero que cree una tabla y me los coloque todos dentro de la tabla. Voy a respetar estos <br Y aquí tengo el grupo de botones de opción, a los que si selecciono uno, pues vemos que los otros aparecen deseleccionados. Si selecciono uno cualquiera de ellos puedo decir que ese en concreto sea el que está marcado y así, de esa manera, cuando se cargue la página aparecerá uno ya marcado por defecto. Si me voy al "Código" veremos que, en realidad, lo que ha ocurrido aquí es que tengo tres "input" de tipo "radio" y que cada uno de ellos, aparte de un identificador tiene un "name" y ese "name" va a ser el mismo, color, color, color, y es, precisamente ese "name" el que define un grupo determinado de botones de opción. Así yo puedo añadir otro grupo distinto. Si yo selecciono el último de estos elementos y añado otro "Grupo de opciones" lo coloco de nuevo, después y aquí, por ejemplo, puedo hacer que sea "talla" y entonces puedo hacer que sea XL o que sea L. Y poner XL y L como valores. Bien, pues lo que ocurre ahora es que yo puedo seleccionar entre verde, rojo y azul y entre XL y L y vemos que no interfiere la selección de ninguno de esos dos grupos y de hecho vemos también, que es que realmente este segundo grupo tiene el atributo "name" como "talla". Esto es distinto a la utilización de los "checkboxes" Un "checkbox" sí que se puede utilizar independiente. son las "Casillas de verificación", es otro tipo de "input" y son muy fáciles, estos consisten en que está seleccionado o deseleccionado y, como digo, se puede poner por libre aunque también, realidad, puede añadir un grupo con ellos lo que pasa es que este grupo, en realidad no están relacionados entre sí, yo puedo poner todos los que quiera y él se ocupa de añadirme un conjunto, ordenándomelos con la separación de tabla o con una organización a base de saltos de lìnea, pero la idea es exactamente esta. Yo puedo poner, por ejemplo, "intereses" y entonces puedo poner aquí "Maratón" y puedo poner aquí "Media maratón" y puedo poner todas las carreras que quiera. Aquí, por ejemplo, pues podría poner 42, de 42 kilómetros, 21 y podría añadir más. Lo que tienen de interesante estos "checks" es que no son excluyentes, yo puedo seleccionar uno y puedo seleccionar también el otro. Como podemos ver el funcionamiento es distinto. El "Código" en cambio es muy parecido, me ha añadido tipo "checkbox" en vez de tipo "radio" y ha añadido el mismo "name" pero con diferentes valores.

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.