Atributos\u00a0 HTML5<\/em><\/strong>\u00a0.<\/p>\nATRIBUTO LIST Y <DATALIST><\/p>\n
La combinaci\u00f3n del atributo list y un elemento de tipo <datalist> da como resultado un campo de texto, donde el usuario puede introducir cualquier contenido, y las opciones definidas en el <datalist> se muestran como una lista desplegable. Hay que tener en cuenta que la lista tiene que estar contenida en un elemento <datalist> cuyo id coincide con el indicado en el atributo list:<\/p>\n
<input id=\u00bbform-person-title\u00bb type=\u00bbtext\u00bb list=\u00bbmylist\u00bb><\/p>\n
<datalist id=\u00bbmylist\u00bb><\/p>\n
<option label=\u00bbMr\u00bb value=\u00bbMr\u00bb><\/p>\n
<option label=\u00bbMs\u00bb value=\u00bbMs\u00bb><\/p>\n
<option label=\u00bbProf\u00bb value=\u00bbMad Professor\u00bb><\/p>\n
<\/datalist><\/p>\n
En este ejemplo se utiliza un campo de tipo text, pero puede ser utilizado igualmente con campos de tipo url y email.Nuevo elemento datalist, asociado a un campo de texto\u00a0dise\u00f1o<\/em><\/p>\nATRIBUTO AUTOFOCUS<\/p>\n
El atributo booleano autofocus permite definir que control va a tener el foco cuando la p\u00e1gina se haya cargado. Hasta ahora, esto se consegu\u00eda a trav\u00e9s de JavaScript, utilizando el m\u00e9todo .focus() en un elemento concreto, al cargarse el documento. Ahora es el navegador el encargado de esta tarea, y puede comportarse de manera m\u00e1s inteligente, como no cambiando el foco de un elemento si el usuario ya se encuentra escribiendo en otro campo (\u00e9ste era un problema com\u00fan con JavaScript)\u00a0dise\u00f1o web<\/em>\u00a0.<\/p>\n\u00danicamente debe existir un elemento con este atributo definido en el documento. Desde el punto de vista de la usabilidad, hay que utilizar este atributo con cuidado. Hay que utilizarlo \u00fanicamente cuando el control que recibe el foco es el elemento principal de la p\u00e1gina, como en un buscador, por ejemplo\u00a0dise\u00f1o web df<\/em>.<\/p>\nATRIBUTO PLACEHOLDER Una peque\u00f1a mejora en la usabilidad de los formularios, suele ser colocar\u00a0dise\u00f1o<\/em>\u00a0un peque\u00f1o texto de ayuda en algunos campos, de manera discreta y que desaparece cuando el usuario introduce alg\u00fan dato. Como con el resto de elementos, hasta ahora era necesario utilizar JavaScript para realizar esta tarea, pero el atributo placeholder resuelve esta tarea Atributos\u00a0 HTML5<\/em><\/strong><\/p>\nEs importante recordar que este atributo no sustituye a la etiqueta <label>. Atributo placeholder en un campo de b\u00fasqueda<\/p>\n
ATRIBUTO REQUIRED<\/p>\n
Este atributo puede ser utilizado en un <textarea> y en la gran mayor\u00eda de los elementos <input> (excepto en los de tipo hidden, image o botones como submit). Cuando este atributo est\u00e1 presente, el navegador no permite el env\u00edo del formulario si el campo en concreto est\u00e1 vac\u00edo Atributos\u00a0 HTML5<\/em><\/strong><\/p>\nATRIBUTO MULTIPLE<\/p>\n
Este atributo permite definir que un campo puede admitir varios valores, como URLs o emails. Un uso muy interesante de este atributo es utilizarlo en conjunto con el campo <input type=\u00bbfile\u00bb>, ya que de esta manera nos permite seleccionar varios ficheros que podemos enviar al servidor al mismo tiemp\u00a0dise\u00f1o web Guadalajara.<\/em><\/p>\n<input type=\u00bbfile\u00bb multiple=\u00bbmultiple\u00bb> Atributos\u00a0 HTML5<\/em><\/strong><\/p>\nATRIBUTO AUTOCOMPLETE\u00a0\u00a0dise\u00f1o web Guadalajara<\/em>\u00a0Algunos navegadores suelen incluir alguna funcionalidad de autocompletado en algunos campos de formulario. A pesar de haber sido introducido recientemente en el est\u00e1ndar de HTML5, es una caracter\u00edstica que lleva mucho tiempo siendo utilizada, concretamente desde la versi\u00f3n 5 de Internet Explorer\u00a0 Atributos\u00a0 HTML5<\/em><\/strong><\/p>\nEste atributo permite controlar el comportamiento del autocompletado en los campos de texto del formulario (que por defecto est\u00e1 activado) \u00a0Atributos\u00a0 HTML5<\/em><\/strong>.<\/p>\nATRIBUTOS MIN Y MAX Como hemos visto en el campo <input type=\u00bbnumber\u00bb>, estos atributos restringen los valores que pueden ser introducidos; no es posible enviar el formulario con un valor menor que min o un valor mayor que max. Tambi\u00e9n es posible utilizarlo en otro tipo de campos como date, para especificar fechas m\u00ednimas o m\u00e1ximas\u00a0sitio web<\/em>.<\/p>\n<input type=\u00bbdate\u00bb min=\u00bb2010-01-01″ max=\u00bb2010-12-31″>\u00a0dise\u00f1o web<\/em><\/p>\n
![\"Atributos](\"http:\/\/disenodepagina.com\/disenoweb\/wp-content\/uploads\/2017\/03\/10-Web-Design-Trends-for-2015-300x190.png\")
<\/p>\n