{"id":622,"date":"2022-08-15T14:18:06","date_gmt":"2022-08-15T14:18:06","guid":{"rendered":"https:\/\/alexcgdesign.com\/blog\/?p=622"},"modified":"2022-08-15T14:23:44","modified_gmt":"2022-08-15T14:23:44","slug":"formulario-desde-cero","status":"publish","type":"post","link":"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/","title":{"rendered":"CREA TU FORMULARIO con CSS \u2705 (F\u00e1cil, en 20 MINUTOS!)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"622\" class=\"elementor elementor-622\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7ec4963 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7ec4963\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-54b7e37\" data-id=\"54b7e37\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-54222af elementor-widget elementor-widget-text-editor\" data-id=\"54222af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Holaa, \u00bfC\u00f3mo est\u00e1s? Es un placer saludarte, el d\u00eda de hoy&nbsp;<b>aprender\u00e1s como crear un formulario desde cero. No olvides que tambi\u00e9n te dejar\u00e9 el c\u00f3digo para que lo descargues.&nbsp;<\/b><span style=\"font-size: 18px; color: var( --e-global-color-text );\">S\u00f3lo d\u00e9jame preguntarte algo antes de empezar \u00bfYa viste el tutorial donde puedes crear el formulario desde cero.? Si la respuesta ha sido no, \u00bfQu\u00e9 esperas para verlo?&nbsp;<\/span><img decoding=\"async\" class=\"emoji lazyload\" role=\"img\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/1f447.svg\" alt=\"\ud83d\udc47\" style=\"font-size: 18px; color: var( --e-global-color-text ); background-color: rgb(255, 255, 255);\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\"><img decoding=\"async\" class=\"emoji lazyload\" role=\"img\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/1f447.svg\" alt=\"\ud83d\udc47\" style=\"font-size: 18px; color: var( --e-global-color-text ); background-color: rgb(255, 255, 255);\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\"><img decoding=\"async\" class=\"emoji lazyload\" role=\"img\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/1f447.svg\" alt=\"\ud83d\udc47\" style=\"font-size: 18px; color: var( --e-global-color-text ); background-color: rgb(255, 255, 255);\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\"><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d423927 elementor-widget elementor-widget-video\" data-id=\"d423927\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/hSe4Qr-xc84&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8bbf57c elementor-button-danger elementor-widget elementor-widget-button\" data-id=\"8bbf57c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/youtu.be\/hSe4Qr-xc84\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ver el tutorial<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ee0da96 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee0da96\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e61e470\" data-id=\"e61e470\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4ae370d elementor-widget elementor-widget-spacer\" data-id=\"4ae370d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-381a226 elementor-widget elementor-widget-text-editor\" data-id=\"381a226\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Una vez que hemos terminado el tutorial. Quiz\u00e1 quieras alg\u00fan recurso que no pudiste encontrar o puedes tener un error, para eso te dejar\u00e9 aqu\u00ed en la parte de abajo los archivos de la p\u00e1gina. <img decoding=\"async\" class=\"emoji lazyload\" role=\"img\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/1f447.svg\" alt=\"\ud83d\udc47\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><img decoding=\"async\" class=\"emoji lazyload\" role=\"img\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/1f447.svg\" alt=\"\ud83d\udc47\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><img decoding=\"async\" class=\"emoji lazyload\" role=\"img\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/1f447.svg\" alt=\"\ud83d\udc47\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-53c3033 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"53c3033\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-9a38cc9\" data-id=\"9a38cc9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-91811cb elementor-widget elementor-widget-heading\" data-id=\"91811cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfTe gustar\u00eda descargar los proyectos?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4f901b elementor-widget elementor-widget-text-editor\" data-id=\"d4f901b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Claro, todos los proyectos de AlexCG Design, son libres de descargar, recuerda que te puedes entrar a mi curso premium de CSS o tambi\u00e9n entrar a la p\u00e1gina de nuestro patrocinador para seguir apoyando:)<\/p>\n<p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5241dc elementor-widget elementor-widget-button\" data-id=\"a5241dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/hostinger.com\/alexcg\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">HOSTING Y DOMINIO<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d93d7f5 elementor-button-warning elementor-widget elementor-widget-button\" data-id=\"d93d7f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/github.com\/AlexCGDesign\/formulario-cssgrid\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-file-download\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Descarga los archivos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7811200 elementor-button-danger elementor-widget elementor-widget-button\" data-id=\"7811200\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/alexcgdesign.com\/cursocss\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-css3-alt\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">CURSO CSS DESDE CERO<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Holaa, \u00bfC\u00f3mo est\u00e1s? Es un placer saludarte, el d\u00eda de hoy&nbsp;aprender\u00e1s como crear un formulario desde cero. No olvides que tambi\u00e9n te dejar\u00e9 el c\u00f3digo para que lo descargues.&nbsp;S\u00f3lo d\u00e9jame preguntarte algo antes de empezar \u00bfYa viste el tutorial donde puedes crear el formulario desde cero.? Si la respuesta ha sido no, \u00bfQu\u00e9 esperas para [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":628,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-622","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CREA TU FORMULARIO con CSS \u2705 (F\u00e1cil, en 20 MINUTOS!) - AlexCG Design | Blog<\/title>\n<meta name=\"description\" content=\"Alguna vez te has preguntado ,\u00bfC\u00f3mo se hace un formulario con HTML y CSS? el d\u00eda de hoy crearemos un formulario, lo puedes ocupar como formulario de registro, de contacto o de inicio de sesi\u00f3n.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CREA TU FORMULARIO con CSS \u2705 (F\u00e1cil, en 20 MINUTOS!) - AlexCG Design | Blog\" \/>\n<meta property=\"og:description\" content=\"Alguna vez te has preguntado ,\u00bfC\u00f3mo se hace un formulario con HTML y CSS? el d\u00eda de hoy crearemos un formulario, lo puedes ocupar como formulario de registro, de contacto o de inicio de sesi\u00f3n.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/\" \/>\n<meta property=\"og:site_name\" content=\"AlexCG Design | Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-15T14:18:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-15T14:23:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2022\/08\/Untitled-design.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"AlexCG Design\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"AlexCG Design\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/formulario-desde-cero\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/formulario-desde-cero\\\/\"},\"author\":{\"name\":\"AlexCG Design\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\"},\"headline\":\"CREA TU FORMULARIO con CSS \u2705 (F\u00e1cil, en 20 MINUTOS!)\",\"datePublished\":\"2022-08-15T14:18:06+00:00\",\"dateModified\":\"2022-08-15T14:23:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/formulario-desde-cero\\\/\"},\"wordCount\":175,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/formulario-desde-cero\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Untitled-design.png\",\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/formulario-desde-cero\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/formulario-desde-cero\\\/\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/formulario-desde-cero\\\/\",\"name\":\"CREA TU FORMULARIO con CSS \u2705 (F\u00e1cil, en 20 MINUTOS!) - AlexCG Design | Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/formulario-desde-cero\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/formulario-desde-cero\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Untitled-design.png\",\"datePublished\":\"2022-08-15T14:18:06+00:00\",\"dateModified\":\"2022-08-15T14:23:44+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\"},\"description\":\"Alguna vez te has preguntado ,\u00bfC\u00f3mo se hace un formulario con HTML y CSS? el d\u00eda de hoy crearemos un formulario, lo puedes ocupar como formulario de registro, de contacto o de inicio de sesi\u00f3n.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/formulario-desde-cero\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/formulario-desde-cero\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/formulario-desde-cero\\\/#primaryimage\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Untitled-design.png\",\"contentUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Untitled-design.png\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/formulario-desde-cero\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CREA TU FORMULARIO con CSS \u2705 (F\u00e1cil, en 20 MINUTOS!)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/\",\"name\":\"AlexCG Design | Blog\",\"description\":\"Crea y aprende a crear p\u00e1ginas web gratis, tutoriales de dise\u00f1o web AlexCG Design\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\",\"name\":\"AlexCG Design\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164\",\"contentUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164\",\"caption\":\"AlexCG Design\"},\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/author\\\/jordanalexandercg99\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CREA TU FORMULARIO con CSS \u2705 (F\u00e1cil, en 20 MINUTOS!) - AlexCG Design | Blog","description":"Alguna vez te has preguntado ,\u00bfC\u00f3mo se hace un formulario con HTML y CSS? el d\u00eda de hoy crearemos un formulario, lo puedes ocupar como formulario de registro, de contacto o de inicio de sesi\u00f3n.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/","og_locale":"es_ES","og_type":"article","og_title":"CREA TU FORMULARIO con CSS \u2705 (F\u00e1cil, en 20 MINUTOS!) - AlexCG Design | Blog","og_description":"Alguna vez te has preguntado ,\u00bfC\u00f3mo se hace un formulario con HTML y CSS? el d\u00eda de hoy crearemos un formulario, lo puedes ocupar como formulario de registro, de contacto o de inicio de sesi\u00f3n.","og_url":"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/","og_site_name":"AlexCG Design | Blog","article_published_time":"2022-08-15T14:18:06+00:00","article_modified_time":"2022-08-15T14:23:44+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2022\/08\/Untitled-design.png","type":"image\/png"}],"author":"AlexCG Design","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"AlexCG Design","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/#article","isPartOf":{"@id":"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/"},"author":{"name":"AlexCG Design","@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a"},"headline":"CREA TU FORMULARIO con CSS \u2705 (F\u00e1cil, en 20 MINUTOS!)","datePublished":"2022-08-15T14:18:06+00:00","dateModified":"2022-08-15T14:23:44+00:00","mainEntityOfPage":{"@id":"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/"},"wordCount":175,"commentCount":0,"image":{"@id":"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/#primaryimage"},"thumbnailUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2022\/08\/Untitled-design.png","articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/","url":"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/","name":"CREA TU FORMULARIO con CSS \u2705 (F\u00e1cil, en 20 MINUTOS!) - AlexCG Design | Blog","isPartOf":{"@id":"https:\/\/alexcgdesign.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/#primaryimage"},"image":{"@id":"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/#primaryimage"},"thumbnailUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2022\/08\/Untitled-design.png","datePublished":"2022-08-15T14:18:06+00:00","dateModified":"2022-08-15T14:23:44+00:00","author":{"@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a"},"description":"Alguna vez te has preguntado ,\u00bfC\u00f3mo se hace un formulario con HTML y CSS? el d\u00eda de hoy crearemos un formulario, lo puedes ocupar como formulario de registro, de contacto o de inicio de sesi\u00f3n.","breadcrumb":{"@id":"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/#primaryimage","url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2022\/08\/Untitled-design.png","contentUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2022\/08\/Untitled-design.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/alexcgdesign.com\/blog\/formulario-desde-cero\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/alexcgdesign.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CREA TU FORMULARIO con CSS \u2705 (F\u00e1cil, en 20 MINUTOS!)"}]},{"@type":"WebSite","@id":"https:\/\/alexcgdesign.com\/blog\/#website","url":"https:\/\/alexcgdesign.com\/blog\/","name":"AlexCG Design | Blog","description":"Crea y aprende a crear p\u00e1ginas web gratis, tutoriales de dise\u00f1o web AlexCG Design","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alexcgdesign.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a","name":"AlexCG Design","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/alexcgdesign.com\/blog\/wp-content\/litespeed\/avatar\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164","url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/litespeed\/avatar\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164","contentUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/litespeed\/avatar\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164","caption":"AlexCG Design"},"url":"https:\/\/alexcgdesign.com\/blog\/author\/jordanalexandercg99\/"}]}},"_links":{"self":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=622"}],"version-history":[{"count":15,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/622\/revisions"}],"predecessor-version":[{"id":639,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/622\/revisions\/639"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/media\/628"}],"wp:attachment":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=622"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=622"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}