{"id":3593,"date":"2017-09-22T22:18:58","date_gmt":"2017-09-22T22:18:58","guid":{"rendered":"http:\/\/disenoweb.mx\/?p=3593"},"modified":"2017-09-22T22:18:58","modified_gmt":"2017-09-22T22:18:58","slug":"elementos-formulario","status":"publish","type":"post","link":"https:\/\/disenoweb.mx\/blog\/elementos-formulario\/","title":{"rendered":"Elementos de un formulario"},"content":{"rendered":"\n<h1>Elementos de un formulario<\/h1>\n<p><img data-opt-id=1513973724  fetchpriority=\"high\" decoding=\"async\" class=\"size-medium wp-image-1414\" src=\"https:\/\/mlniuewdmffl.i.optimole.com\/w:300\/h:300\/q:mauto\/f:best\/http:\/\/disenoweb.mx\/wp-content\/uploads\/services-prize-on-light-300x300.png\" alt=\"Elementos de un formulario Elementos de un formulario Elementos de un formulario services prize on light 300x300\" width=\"300\" height=\"300\" title=\"services-prize-on-light-300x300 services-prize-on-light-300x300\"><\/p>\n<p><a href=\"http:\/\/disenoweb.mx\">ELEMENTOS DE FORMULARIO<\/a><br>\nHTML5 hace que el desarrollo de los<em><strong> Elementos de un formulario<\/strong><\/em> sea mucho m\u00e1s sencillo. Se han a\u00f1adido dos nuevos m\u00e9todos que pueden ser utilizados en la acci\u00f3n del formulario (update y delete), pero lo m\u00e1s interesante son los nuevos tipos de input y elementos de formulario que mejoran la experiencia del usuario y facilitan el desarrollo de los <em><strong> Elementos de un formulario<\/strong><\/em>. Estos nuevos elementos a\u00f1aden en algunos casos, validaciones propias de sus datos, por lo que ya no es necesario JavaScript para realizar este proceso.<br>\nNUEVOS TIPOS DE INPUT<\/p>\n<p>La especificaci\u00f3n de HTML5 define 12 nuevos tipos de input que podemos utilizar en nuestros formularios. Esta especificaci\u00f3n no define c\u00f3mo deben mostrarse los nuevos tipos en los navegadores, ni los campos ni las validaciones. De hecho, y gracias a c\u00f3mo est\u00e1 especificado HTML, los navegadores que no comprendan los nuevos tipos de entrada, mostrar\u00e1n un campo de texto tradicional, por lo que la compatibilidad con navegadores antiguos est\u00e1 garantizada <em>dise\u00f1o<\/em>.<\/p>\n<p>TIPO EMAIL El nuevo tipo &lt;input type=\u201demail\u201d&gt; indica al navegador que no debe permitir que se env\u00ede el formulario si el usuario no ha introducido una direcci\u00f3n de email v\u00e1lida, pero no comprueba si la direcci\u00f3n existe o no, s\u00f3lo si el formato es v\u00e1lido. Como ocurre con el resto de campos de entrada, puede enviar este campo vac\u00edo a menos que se indique que es obligatorio <em>dise\u00f1o web Guadalajara<\/em>.<br>\nEl atributo multiple indica que el valor de este campo, puede ser una lista de emails v\u00e1lidos, separados por comas <em><strong> Elementos de un formulario<\/strong><\/em>.<\/p>\n<p>TIPO URL El nuevo tipo &lt;input type=\u201durl\u201d&gt; indica al navegador que no debe permitir que se env\u00ede el formulario si el usuario no ha introducido una URL correcta. Algunos navegadores ofrecen ayudas al usuario, como Opera que a\u00f1ade el prefijo http:\/\/ a la URL si el usuario no lo ha introducido. Una URL no tiene que ser necesariamente una direcci\u00f3n web, sino que es posible utilizar cualquier formato de URI v\u00e1lido, como por ejemplo tel:555123456 <em>sitio web<\/em>.<\/p>\n<p>\u00a0<\/p>\n<h2><em><strong>Elementos de un formulario<\/strong><\/em><\/h2>\n<p><a href=\"https:\/\/www.facebook.com\/disenopaginaweb%C2%A0\">#Elementosdeunformulario<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Elementos de un formulario ELEMENTOS DE FORMULARIO HTML5 hace que el desarrollo de los Elementos de un formulario sea mucho m\u00e1s sencillo. Se han a\u00f1adido dos nuevos m\u00e9todos que pueden ser utilizados en la acci\u00f3n del formulario (update y delete), pero lo m\u00e1s interesante son los nuevos tipos de input y elementos de formulario que &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/disenoweb.mx\/blog\/elementos-formulario\/\"> <span class=\"screen-reader-text\">Elementos de un formulario<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":877,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[1189,55],"tags":[70,46,143,47,1206,128],"class_list":["post-3593","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-web","tag-diseno","tag-diseno-web","tag-diseno-web-df","tag-diseno-web-guadalajara","tag-elementos-de-un-formulario","tag-sitio-web"],"_links":{"self":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/3593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/comments?post=3593"}],"version-history":[{"count":0,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/3593\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media?parent=3593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/categories?post=3593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/tags?post=3593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}