{"id":3288,"date":"2025-10-06T16:09:46","date_gmt":"2025-10-06T14:09:46","guid":{"rendered":"https:\/\/tecnologia.euroinnova.com\/creacion-y-gestion-de-formularios-con-html-y-php\/"},"modified":"2025-10-07T14:52:15","modified_gmt":"2025-10-07T12:52:15","slug":"form-con-php","status":"publish","type":"post","link":"https:\/\/tecnologia.euroinnova.com\/en\/form-con-php","title":{"rendered":"Creation and management of forms with HTML and PHP"},"content":{"rendered":"

Un formulario<\/strong> es una de las herramientas m\u00e1s utilizadas e importante en el desarrollo web, ya que permite recopilar y enviar datos<\/strong> de los usuarios para procesarlos en un servidor.<\/p>\n

La interacci\u00f3n entre HTML<\/strong> y PHP<\/strong> en los formularios es necesaria para manejar los datos que env\u00edan los usuarios. HTML crea la estructura del formulario, mientras que PHP procesa y maneja esos datos en el servidor.<\/p>\n

Adem\u00e1s, los formularios son altamente personalizables, ya que permiten adaptar su dise\u00f1o y funcionalidad a las necesidades espec\u00edficas del sistema o del usuario, utilizando estilos CSS<\/strong> para integrarse con la est\u00e9tica del sitio.<\/p>\n

Una de las principales ventajas de su uso es su capacidad para validar datos<\/strong>. Otra gran ventaja es su capacidad para facilitar la comunicaci\u00f3n interactiva entre el usuario y la aplicaci\u00f3n, ya sea para b\u00fasquedas, registros, comentarios o compras.<\/p>\n

En este art\u00edculo vamos a ver c\u00f3mo se puede trabajar con un formulario en PHP (form en PHP<\/strong>), desde su construcci\u00f3n b\u00e1sica, los elementos que se pueden incluir y c\u00f3mo validar los datos enviados.<\/p>\n

M\u00e9todos GET y POST<\/strong><\/h2>\n

Los formularios HTML<\/strong> env\u00edan datos al servidor utilizando los m\u00e9todos GET o POST<\/strong>. En PHP, podemos identificar el m\u00e9todo usado mediante $_SERVER[‘REQUEST_METHOD’]<\/strong>, que nos indica si la solicitud es POST o GET.<\/p>\n

M\u00e9todo GET<\/strong><\/h3>\n

El m\u00e9todo GET<\/strong> env\u00eda los datos como una cadena de consulta en la URL<\/strong>. Esto significa que los datos son visibles<\/strong> para el usuario, ya que se muestran directamente en el navegador.<\/p>\n

Es \u00fatil para formularios que no manejan informaci\u00f3n confidencial, como formularios de b\u00fasqueda o filtros de contenido.<\/p>\n

Como principales ventajas son que los datos son f\u00e1cilmente accesibles<\/strong> y pueden ser compartidos mediante la URL y que es \u00fatil para consultas r\u00e1pidas o pruebas<\/strong>.<\/p>\n

Sin embargo, hay un l\u00edmite en la cantidad de datos<\/strong> que se pueden enviar (dependiendo del navegador) y, adem\u00e1s, al ser los datos visibles, hace menos seguro<\/strong> este m\u00e9todo para informaci\u00f3n sensible.<\/p>\n

Un ejemplo b\u00e1sico de este m\u00e9todo:<\/p>\n

\"M\u00e9todo<\/p>\n

M\u00e9todo POST<\/strong><\/h3>\n

El m\u00e9todo POST<\/strong> env\u00eda los datos de manera m\u00e1s segura al incluirlos en el cuerpo de la solicitud HTTP<\/strong>, no en la URL. Esto lo hace ideal para formularios que contienen informaci\u00f3n sensible, como credenciales o datos personales<\/strong>.<\/p>\n

En este caso no hay un l\u00edmite<\/strong> pr\u00e1ctico en la cantidad de datos enviados y es m\u00e1s seguro<\/strong> que el m\u00e9todo GET porque los datos no se muestran en la URL.<\/p>\n

Pero, al no incluir datos en la URL, no se pueden compartir o guardar directamente los datos<\/strong>.<\/p>\n

El c\u00f3digo para el mismo formulario mostrado antes, pero con el m\u00e9todo POST ser\u00eda:<\/p>\n

\"m\u00e9todo<\/p>\n

Tipos de elementos en un formulario<\/strong><\/h2>\n

Los elementos de entrada (input<\/strong>) en un formulario HTML permiten interactuar<\/strong> con el usuario. PHP puede recoger estos datos mediante variables superglobales como $_POST y $_GET<\/strong>.<\/p>\n

Algunos de los elementos principales<\/strong> que se pueden incluir en un formulario<\/strong> son:<\/p>\n

Campos de texto (text)<\/strong><\/h3>\n

Los campos de texto (text)<\/strong> son los m\u00e1s comunes y permiten a los usuarios escribir informaci\u00f3n textual<\/strong>. Se utilizan para capturar nombres, direcciones o cualquier entrada alfanum\u00e9rica.<\/p>\n

Ejemplo:<\/p>\n

\"text\"<\/p>\n

En PHP, el valor ingresado se puede capturar con:<\/p>\n

\"campo<\/p>\n

Campos de contrase\u00f1a (password)<\/strong><\/h3>\n

Los campos de contrase\u00f1a (password)<\/strong> ocultan la entrada del usuario reemplaz\u00e1ndola con asteriscos o puntos<\/strong>, siendo ideales para contrase\u00f1as u otra informaci\u00f3n confidencial.<\/p>\n

\"password\"<\/p>\n

Y para capturar el valor en PHP:<\/p>\n

\"campo<\/p>\n

Radio Button (radio) y Checkbox<\/strong><\/h3>\n

Los elementos Radio Buttons<\/strong> (radio)<\/strong> permiten seleccionar una sola opci\u00f3n entre varias disponibles. En cambio, los elementos Checkbox (checkbox)<\/strong> permiten seleccionar m\u00faltiples opciones.<\/p>\n

Un ejemplo de uso ser\u00eda el siguiente:<\/p>\n

\"radio\"<\/p>\n

Y el c\u00f3digo php para capturar los valores:<\/p>\n

\"radio<\/p>\n

Lista desplegable (select)<\/strong><\/h3>\n

Un elemento select<\/strong> permite a los usuarios escoger una opci\u00f3n<\/strong> de los incluidos dentro de una lista desplegable<\/strong>.<\/p>\n

Ejemplo:<\/p>\n

\"select\"<\/p>\n

En PHP:<\/p>\n

\"select<\/p>\n

Su uso principal es para la selecci\u00f3n de un valor entre varias opciones dentro de un espacio compacto.<\/p>\n

\u00c1rea de texto (Textarea)<\/strong><\/h3>\n

El elemento Textarea<\/strong> permite a los usuarios escribir texto en m\u00faltiples l\u00edneas<\/strong>. Es \u00fatil para comentarios o descripciones.<\/p>\n

Ejemplo:<\/p>\n

\"textarea\"<\/p>\n

En PHP:<\/p>\n

\"\u00e1rea<\/p>\n

Su principal uso es para recolectar contenido extenso, como mensajes o textos descriptivos.<\/p>\n

Botones (Button)<\/strong><\/h3>\n

El elemento button<\/strong> puede usarse para acciones personalizadas<\/strong>. Este elemento puede incluir etiquetas HTML dentro.<\/p>\n

Ejemplo:<\/p>\n

\"button\"<\/p>\n

Normalmente se suelen utilizar botones con dise\u00f1o personalizado o acciones espec\u00edficas mediante el uso del lenguaje JavaScript.<\/p>\n

Campos de fecha y hora (date \u2013 time \u2013 datetime-local)<\/strong><\/h3>\n

Los campos de fecha y hora<\/strong> permiten a los usuarios seleccionar fechas, horas o ambas, de manera f\u00e1cil y visual. Son ideales para planificaciones o agendas.<\/p>\n

Hay varios tipos de formatos disponibles:<\/p>\n

Fecha (date)<\/strong>:<\/p>\n

\"fecha<\/p>\n

Hora (time)<\/strong>:<\/p>\n

\"hora<\/p>\n

Fecha y hora combinadas (datetime-local)<\/strong>:<\/p>\n

\"datetime-local\"<\/p>\n

Y, para la recogida de la informaci\u00f3n en PHP:<\/p>\n

\"recogida<\/p>\n

Rango (range)<\/strong><\/h3>\n

Este input de rango (range)<\/strong> permite seleccionar un valor dentro de un rango<\/strong> mediante un control deslizante.<\/p>\n

Ejemplo:<\/p>\n

\"ejemplo<\/p>\n

En PHP:<\/p>\n

\"rango<\/p>\n

Su principal uso es para configurar valores en un rango, como volumen, edad o porcentaje.<\/p>\n

Color<\/strong><\/h3>\n

Este elemento de formulario de Color<\/strong> permite seleccionar un color<\/strong> en espec\u00edfico a trav\u00e9s del uso de una interfaz gr\u00e1fica<\/strong>.<\/p>\n

Ejemplo:<\/p>\n

\"color\"<\/p>\n

En PHP:<\/p>\n

\"color<\/p>\n

Normalmente se utiliza para dise\u00f1os personalizados, selecci\u00f3n de paletas o preferencias de colores.<\/p>\n

N\u00famero (number)<\/strong><\/h3>\n

Este campo de n\u00fameros (number)<\/strong> permite introducir \u00fanicamente valores num\u00e9ricos<\/strong>, con la opci\u00f3n de configurar rangos m\u00ednimos y m\u00e1ximos.<\/p>\n

Ejemplo:<\/p>\n

\"number\"<\/p>\n

En PHP:<\/p>\n

\"n\u00famero<\/p>\n

Se utiliza para capturar cantidades, edades o valores num\u00e9ricos espec\u00edficos.<\/p>\n

Tel\u00e9fono (tel)<\/strong><\/h3>\n

El elemento tel\u00e9fono (tel)<\/strong> es un campo optimizado para ingresar n\u00fameros de tel\u00e9fono<\/strong>. No valida autom\u00e1ticamente el formato, pero puede mejorarse con patrones.<\/p>\n

Ejemplo:<\/p>\n

\"tel\u00e9fono<\/p>\n

En PHP:<\/p>\n

\"tel\u00e9fono<\/p>\n

URL<\/strong><\/h3>\n

El campo de URL<\/strong> valida que el usuario ingrese una direcci\u00f3n web v\u00e1lida<\/strong>.<\/p>\n

Ejemplo:<\/p>\n

\"url\"<\/p>\n

En PHP:<\/p>\n

\"url<\/p>\n

Normalmente se usa para capturar URLs para sitios web o recursos en l\u00ednea.<\/p>\n

Email<\/strong><\/h3>\n

El campo de email<\/strong> permite capturar direcciones de correo electr\u00f3nico<\/strong> y las valida autom\u00e1ticamente.<\/p>\n

Ejemplo:<\/p>\n

\"email\"<\/p>\n

En PHP:<\/p>\n

\"Email<\/p>\n

Sirve para recolectar correos electr\u00f3nicos con validaci\u00f3n b\u00e1sica integrada.<\/p>\n

Botones de reinicio (reset)<\/strong><\/h3>\n

Este tipo de bot\u00f3n de reinicio (reset)<\/strong> permite restablecer todos los campos del formulario a sus valores predeterminados<\/strong>.<\/p>\n

Ejemplo:<\/p>\n

\"botones<\/p>\n

Se utiliza para limpiar r\u00e1pidamente un formulario.<\/p>\n

Campos de b\u00fasqueda (search)<\/strong><\/h3>\n

El elemento de campos de b\u00fasqueda (serach) est\u00e1 optimizado para formularios de b\u00fasqueda, aunque funcionalmente es similar a un campo de texto. Sirve para buscar ciertos t\u00e9rminos dentro del formulario.<\/p>\n

Ejemplo:<\/p>\n

\"campos<\/p>\n

Archivos (file)<\/strong><\/h3>\n

El campo de archivos (file)<\/strong> permite seleccionar y cargar archivos<\/strong> al servidor.<\/p>\n

Ejemplo:<\/p>\n

\"archivos\"<\/p>\n

Y, en el caso de que se quiera cargar m\u00faltiples archivos:<\/p>\n

\"file<\/p>\n

Ocultos (hidden)<\/strong><\/h3>\n

Los campos ocultos (hidden)<\/strong> transmiten datos al servidor sin mostrarlos al usuario<\/strong>.<\/p>\n

Ejemplo:<\/p>\n

\"ocultos<\/p>\n

Su uso principal es el de enviar datos adicionales como tokens de seguridad o identificadores de usuario.<\/p>\n

Botones de env\u00edo (submit)<\/strong><\/h3>\n

Para el env\u00edo de todos los elementos incluidos en un formulario se hace a trav\u00e9s de un bot\u00f3n de env\u00edo (submit)<\/strong>. El atributo type=\u00bbsubmit\u00bb es esencial para procesar formularios:<\/p>\n

\"botones<\/p>\n

Imagen como bot\u00f3n de env\u00edo (image)<\/strong><\/h3>\n

Tambi\u00e9n se puede utilizar el elemento de imagen como bot\u00f3n de env\u00edo (image)<\/strong>, que utiliza una imagen como bot\u00f3n interactivo para enviar el formulario.<\/p>\n

Ejemplo:<\/p>\n

\"imagen<\/p>\n

Todos estos elementos permiten tener flexibilidad y adaptabilidad en la creaci\u00f3n de formularios interactivos y funcionales para cualquier aplicaci\u00f3n web.<\/p>\n

Validaci\u00f3n de datos<\/strong><\/h2>\n

Antes de procesar los datos de un formulario en PHP, es fundamental validarlos<\/strong>. Esto garantiza que los datos sean seguros y est\u00e9n en el formato correcto<\/strong>.<\/p>\n

\u00bfPor qu\u00e9 validar datos?<\/strong><\/h3>\n
    \n
  1. Seguridad<\/strong>: evita la inyecci\u00f3n de c\u00f3digo malicioso.<\/li>\n
  2. Precisi\u00f3n<\/strong>: asegura que los datos son correctos y completos.<\/li>\n
  3. Experiencia del usuario<\/strong>: permite identificar errores antes de enviar el formulario.<\/li>\n<\/ol>\n

    Validaci\u00f3n b\u00e1sica<\/strong><\/h3>\n

    Para llevar a cabo una validaci\u00f3n b\u00e1sica<\/strong> en PHP se puede controlar que los valores<\/strong> introducidos est\u00e9n rellenos<\/strong> tal y como se muestra en el siguiente ejemplo:<\/p>\n

    \"validaci\u00f3n<\/p>\n

    Validaci\u00f3n con filtros<\/strong><\/h3>\n

    PHP tambi\u00e9n incluye funciones como filter_var<\/strong> para validar correos electr\u00f3nicos, URLs, entre otros campos que normalmente se deben validar. Podemos ver un ejemplo en el siguiente c\u00f3digo:<\/p>\n

    \"validaci\u00f3n<\/p>\n

    Evitar inyecciones de c\u00f3digo<\/strong><\/h3>\n

    Otro aspecto fundamental a la hora de validar datos de un formulario es el intentar evitar ser v\u00edctimas de inyecciones de c\u00f3digo<\/strong>. Normalmente se suele utilizar el conocido ataque SQL Injection<\/strong> que consiste en insertar dentro de un campo de formulario consultas SQL para explotar vulnerabilidades en las consultas a las bases de datos indicadas.<\/p>\n

    Para intentar evitar estas inyecciones de c\u00f3digo se puede usar, por ejemplo, htmlspecialchars<\/strong> para prevenir la ejecuci\u00f3n de c\u00f3digo HTML<\/strong>.<\/p>\n

    Esto permite sanitizar las entradas de informaci\u00f3n del usuario en el formulario. Por ejemplo:<\/p>\n

    \"evitar<\/p>\n

    Validaciones en la subida de archivos<\/strong><\/h3>\n

    Tambi\u00e9n es importante la validaci\u00f3n del tipo de archivos<\/strong> que los usuarios pueden subir en los campos concretos para ello dentro del formulario.<\/p>\n

    Para ello, hay 2 t\u00e9cnicas<\/strong> fundamentales. Por un lado, estar\u00eda el de verificar el tipo de archivo<\/strong> enviado permitiendo solo aquellos que se deseen y evitando de esta forma que se puedan enviar archivos maliciosos. Por ejemplo:<\/p>\n

    \"validaciones<\/p>\n

    Y, por otro lado, es interesante limitar el tama\u00f1o permitido de los archivos enviados a trav\u00e9s del formulario para evitar problemas. Por ejemplo:<\/p>\n

    \"validaciones<\/p>\n

    Form con PHP, entrada de datos segura<\/strong><\/h2>\n

    Trabajar con formularios es fundamental para cualquier aplicaci\u00f3n o p\u00e1gina web din\u00e1mica. Desde la captura de datos hasta la gesti\u00f3n avanzada de archivos, la combinaci\u00f3n de PHP y HTML<\/strong> proporcionan las bases para construir aplicaciones interactivas y seguras.<\/p>\n

    Y recuerda, es indispensable siempre validar las entradas para garantizar la seguridad de cualquier aplicaci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Un formulario es una de las herramientas m\u00e1s utilizadas e importante en el desarrollo web, ya que permite recopilar y […]<\/p>\n","protected":false},"author":2,"featured_media":929,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","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":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categorizar"],"acf":[],"_links":{"self":[{"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/posts\/3288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/comments?post=3288"}],"version-history":[{"count":0,"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/posts\/3288\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/media\/929"}],"wp:attachment":[{"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/media?parent=3288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/categories?post=3288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/tags?post=3288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}