aqu\u00ed<\/a> y usarlo para mejorar tus web.<\/p>\n","protected":false},"excerpt":{"rendered":"Nuestros alumnos que han realizado con \u00e9xito alguno de los siguientes certificados de profesionalidad: IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web. IFCD0110-Confecci\u00f3n y publicaci\u00f3n de p\u00e1ginas web Desarrollan formularios en HTML5, usando con soltura atributos que solo los programadores web expertos son capaces de manejar. En el ejemplo de la publicaci\u00f3n de hoy, veremos el atributo pattern de HTML5 que permite validar campos de un formulario sin necesidad de usar JavaScript. El formulario desarrollado es el siguiente: Al usar este atributo en el desarrollo de los formularios, reducimos la complejidad del c\u00f3digo \u00a0desarrollado, al prescindir de JavaScript y tener junto al input del formulario la expresi\u00f3n regular que valida la entrada de datos. Por lo que tenemos en una misma l\u00ednea de c\u00f3digo La expresi\u00f3n regular que la valida. Para el caso de Fecha de nacimiento: pattern=\u00bb^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.](19|20)\\d\\d$\u00bb El texto asociado a una entrada err\u00f3nea de datos. Para el caso de Fecha de nacimiento: title=\u00bbDD\/MM\/YYYY\u00bb En la siguiente imagen puedes ver el detalle del c\u00f3digo desarrollado para este formulario: Si introducimos de forma incorrecta la Fecha de nacimiento en nuestro formulario, aparecer\u00e1 un mensaje como el siguiente: Siendo constante la frase \u201cAj\u00fastese al formato solicitado:\u201d y variable lo que aparece […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[594,1],"tags":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":3215,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3215-conoce-con-nosotros-las-mejoras-en-la-programacion-web-que-nos-aporta-html5.html","url_meta":{"origin":3202,"position":0},"title":"Conoce con nosotros las mejoras en la programaci\u00f3n web que nos aporta HTML5.","date":"13 febrero, 2017","format":false,"excerpt":"El actual (X)HTML est\u00e1 en su fase final a punto de ser sustituido por completo por HTML5. Muchas son las novedades que aporta HTML5. Una de ellas ya la vimos en la publicaci\u00f3n del pasado en la que hablamos del atributo\u00a0 \u201cpattern\u201d y su uso en formularios. Hoy nos centraremos\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"HTML A HTML5","src":"https:\/\/i1.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/09\/HTML-A-HTML5.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":4064,"url":"http:\/\/piloto.foc.es\/2017\/12\/13\/4064-metodos-de-envio-al-servidor-get-y-post.html","url_meta":{"origin":3202,"position":1},"title":"M\u00e9todos de env\u00edo al servidor: get y post","date":"13 diciembre, 2017","format":false,"excerpt":"En la publicaci\u00f3n de hoy haremos una introducci\u00f3n a los m\u00e9todos de env\u00edo de datos desde una web al servidor. El atributo method establece la forma en la que se env\u00edan los datos del formulario web al servidor. Este atributo hace referencia al m\u00e9todo HTTP, por lo que no es\u2026","rel":"","context":"En \u00abGeneral\u00bb","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/piloto.foc.es\/wp-content\/uploads\/2017\/12\/metodos-get-y-post.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3219,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3219-rendera-herramienta-0nline-para-aprender-programar-sin-necesidad-de-instalacion.html","url_meta":{"origin":3202,"position":2},"title":"Rendera: herramienta 0nline para aprender programar. \u00a1Sin necesidad de instalaci\u00f3n!","date":"13 febrero, 2017","format":false,"excerpt":"Todos los que programamos tenemos la necesidad, de poder probar el c\u00f3digo que desarrollamos de forma r\u00e1pida y eficiente. Para ello, necesitamos un entorno m\u00ednimo de programaci\u00f3n instalado en nuestro ordenador. Ahora sin necesidad de instalaci\u00f3n y todo Online, puedes escribir c\u00f3digo, HTML, CSS y JavaScripts y ver de forma\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"Rendera-Hola_Mundo","src":"https:\/\/i0.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/10\/Rendera-Hola_Mundo.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":4542,"url":"http:\/\/piloto.foc.es\/2018\/08\/29\/4542-en-que-consiste-la-certificacion-mta-98-375-fundamentos-desarrollo-aplicaciones-html5.html","url_meta":{"origin":3202,"position":3},"title":"\u00bfEn qu\u00e9 consiste la certificaci\u00f3n MTA 98-375 Fundamentos Desarrollo Aplicaciones HTML5?","date":"29 agosto, 2018","format":false,"excerpt":"Esta certificaci\u00f3n Microsoft est\u00e1 dise\u00f1ada para formarte en conceptos fundamentales sobre c\u00f3mo administrar el ciclo de vida de la aplicaci\u00f3n, c\u00f3mo crear la interfaz de usando HTML5, c\u00f3mo dar formato usando CSS y c\u00f3mo desarrollar c\u00f3digo JavaScript. \u00a0 Dirigido a\u2026 Este examen est\u00e1 dirigido a los candidatos que deseen validar\u2026","rel":"","context":"En \u00abActualidad Tecnol\u00f3gica\u00bb","img":{"alt_text":"","src":"https:\/\/i1.wp.com\/piloto.foc.es\/wp-content\/uploads\/2018\/08\/imagen-0k-3.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3205,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3205-quieres-crear-listas-css-con-animacion-en-javascript-como-un-programador-web-experto-pues-apuntate-con-nosotros.html","url_meta":{"origin":3202,"position":4},"title":"Quieres crear listas CSS con animaci\u00f3n en JavaScript como un programador web experto? Pues ap\u00fantate con nosotros.","date":"13 febrero, 2017","format":false,"excerpt":"A continuaci\u00f3n vamos a explicar c\u00f3mo crear listas CSS y c\u00f3mo aplicarles animaci\u00f3n con tan solo unas pocas l\u00edneas de c\u00f3digo JavaScript. En el siguiente c\u00f3digo puedes ver c\u00f3mo con unas pocas l\u00edneas en HTML y un c\u00f3digo JavaScript muy sencillo, podemos crear una lista con tres elementos, los cuales\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"ListasCSS-Codigo","src":"https:\/\/i1.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/08\/ListasCSS-Codigo.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3208,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3208-hazte-un-experto-en-programacion-web-con-nosotros-y-podras-desarrollar-efectos-web-como-el-siguiente-rotar-un-trozo-del-texto-solo-aplicando-reglas-css.html","url_meta":{"origin":3202,"position":5},"title":"Hazte un experto en programaci\u00f3n web con nosotros y podr\u00e1s desarrollar efectos web como el siguiente: \u201dRotar un trozo del texto solo aplicando reglas CSS.\u201d","date":"13 febrero, 2017","format":false,"excerpt":"Si quieres dibujar un texto de manera vertical, puedes usar im\u00e1genes, pero no es lo m\u00e1s adecuado, por que puedes usar reglas CSS como las que te ense\u00f1amos a continuaci\u00f3n y que en cualquiera de nuestros dos certificados de profesionalidad IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web o IFCD0110-Confecci\u00f3n y publicaci\u00f3n\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"div-contenedor","src":"https:\/\/i2.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/09\/div-contenedor-1.png?resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/p6jO3Y-PE","amp_validity":null,"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/3202"}],"collection":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/comments?post=3202"}],"version-history":[{"count":1,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/3202\/revisions"}],"predecessor-version":[{"id":3204,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/3202\/revisions\/3204"}],"wp:attachment":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/media?parent=3202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/categories?post=3202"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/tags?post=3202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"formulario-pattern\"](\"http:\/\/cdp.foc.es\/wp-content\/uploads\/2016\/08\/formulario-pattern.png\")
<\/p>\n![\"codigo_formulario-pattern\"](\"http:\/\/cdp.foc.es\/wp-content\/uploads\/2016\/08\/codigo_formulario-pattern.png\")
<\/p>\n![\"formulario-pattern](\"http:\/\/cdp.foc.es\/wp-content\/uploads\/2016\/08\/formulario-pattern-con-error.png\")
<\/p>\n