El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

Dreamweaver CC 2017 esencial

Otros tipos de campos dentro de Dreamweaver CC 2017

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Con el HTML5 se han añadido muchos otros tipos de campos que sirven para realizar múltiples tareas, como seleccionar fechas o trabajar con números. Dichas tareas tienen comportamientos avanzados y ofrecen una usabilidad mejorada.

Transcripción

Y voy a seguir mostrando, un poco, otros tipos de campos porque como podemos ver hay montones de etiquetas distintas. En realidad, los que nos quedan son campos un poco específicos; por ejemplo, los campos que sirven para añadir Fecha y hora, las Áreas de texto; este sí que es un campo bastante importante y que me interesa añadir. Así que voy a seleccionar este Number y debajo de ese Number voy añadir un Área de texto El Área de texto es básicamente un campo "input", pero grande, en el que yo puedo poner varias líneas. La etiqueta es distinta; es una etiqueta "text-area" y de hecho el valor que se escriba, en realidad, va aparecer aquí dentro; no va aparecer con un atributo vivo como pasa con los inputs. Y, luego, dentro del panel de Propiedades, también, tengo la opción de elegir el número de filas y de columnas que tiene. En realidad, esto debería de hacerlo mediante CSS; así que no lo voy a tocar. También, puedo ponerle una longitud máxima; por ejemplo, de 256 caracteres y la forma la en que se va a ocupar de partir las líneas según se van escribiendo; o sea, la forma en la que va añadir retornos de carro. Por lo demás, el resto de opciones es exactamente igual que el de las otras. Dependiendo del navegador, aparecerá con esta pequeña esquina que permita estirar y hacer que sea más grande o más pequeño, pero eso; sobretodo, va depender del navegador. Voy a seguir añadiendo. voy hacer una selección sobre el Textarea y voy añadir un campo Fecha; voy a ponerlo después y vamos a ver que, en realidad, este campo Fecha es, básicamente, un campo normal y corriente De hecho, si lo selecciono; o sea, si me voy a la vista de código vemos que la única diferencia que tiene con el resto es el "type" y, de hecho, tengo diferentes tipos de campos de fecha: Fecha y hora, Mes, Semana, Fecha local. Todos ellos, en realidad, funcionan igual. Se ve que aparece marcado el tipo de formateo que se puede subir de uno en uno y; además, que tiene un desplegable que permite seleccionar la fecha. Esto que antes se hacía mediante JavaScript; ahora, los navegadores ya lo incorporan con ellos y utilizando estos campos HTML5 se facilita mucho la tarea. Dentro de las Propiedades; pues, nos encontramos con los valores tanto de año, mes y día que quiero que tenga por defecto y los valores mínimos de año, mes y día; por supuesto, y máximos. Además; también, el Step sirve para que; por ejemplo pues, vaya de mes en mes en vez de día en día. Como podemos ver son campos muy cómodos y que se añaden como cualquier otro campo; simplemente, haciendo clic y modificando las propiedades en el panel de Propiedades. Otro tipo de campo que, también, se utiliza bastante es el campo de Archivo. Este campo de archivo sirve para; precisamente eso, enviar archivos. Voy a seleccionar el último de los campos que he añadido, pulso en Archivo y veremos que, básicamente, es un campo que; además, tiene un botón. Por un lado le pone Label File que aquí lo cambiaría; pondría archivo; por ejemplo. El botón de Seleccionar archivo que se ocupará de que cuando haga clic sobre él, me abra una ventana del sistema operativo, para seleccionar el archivo que quiera y, luego, un campo en el que me va poner el nombre del archivo que he seleccionado. Si me voy a Código de nuevo, como siempre no es más que un "input"; solo que en este caso del tipo "file". Si guardo el documento y vuelvo de nuevo a la pre-visualización, podemos verlo funcionando; entonces, aquí hago clic. Selecciono el archivo en concreto que me interesa seleccionar, pulso en Abrir y aquí me pone, efectivamente, ese archivo que he seleccionado. Por cierto, aquí, también, podemos ver cómo funciona efectivamente ese campo de calendario. Son campos especiales HTML5 que son muy fáciles de manejar y, por tanto, no hay excusa para no usarlos dentro de nuestros formularios

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.
 
Fecha de publicación:18/11/2016
Duración:6:11 horas (78 Videos)

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.