Se utiliza un formulario HTML para recopilar la entrada del usuario. La entrada del usuario se env\u00eda con mayor frecuencia a un servidor para su procesamiento.<\/p>\n\n\n\n
El elemento HTML <form><\/em><\/strong> se usa para crear un formulario HTML para la entrada del usuario:<\/p>\n\n\n\n El elemento <form><\/em><\/strong> es un contenedor para diferentes tipos de elementos de entrada, como: campos de texto<\/strong>, casillas de verificaci\u00f3n<\/strong>, botones de radio<\/strong>, botones de env\u00edo<\/strong>, etc.<\/p>\n\n\n\n El elemento HTML <input><\/em><\/strong> es el elemento de formulario m\u00e1s utilizado. Un elemento <input><\/em><\/strong> se puede mostrar de muchas formas, seg\u00fan el atributo de tipo. Aqu\u00ed hay unos ejemplos:<\/p>\n\n\n\n <input type=\u00bbtext\u00bb><\/em><\/strong> define un campo de entrada de una sola l\u00ednea para la entrada de texto.<\/p>\n\n\n\n Ejm<\/strong><\/p>\n\n\n\n Nota: El formulario en s\u00ed no es visible. Tambi\u00e9n ten en cuenta que el ancho predeterminado de un campo de entrada es de 20 caracteres.<\/p>\n<\/blockquote>\n\n\n\n Observa el uso del elemento <label><\/em><\/strong> en el ejemplo anterior. La etiqueta <label><\/em><\/strong> define una etiqueta para muchos elementos de formulario. El elemento <label><\/em><\/strong> es \u00fatil para los usuarios de lectores de pantalla, porque el lector de pantalla leer\u00e1 en voz alta la etiqueta cuando el usuario se concentre en el elemento de entrada. El elemento <label><\/em><\/strong> tambi\u00e9n ayuda a los usuarios que tienen dificultades para hacer clic en regiones muy peque\u00f1as (como botones de radio<\/strong> o casillas de verificaci\u00f3n<\/strong>), porque cuando el usuario hace clic en el texto dentro del elemento <label><\/em><\/strong>, alterna el bot\u00f3n de radio\/casilla de verificaci\u00f3n. El atributo for<\/em> <\/strong>de la etiqueta <label><\/em><\/strong> debe ser igual al atributo id<\/em> <\/strong>del elemento <input><\/em><\/strong> para unirlos.<\/p>\n\n\n\n El <input type=\u00bbradio\u00bb><\/em><\/strong> define un bot\u00f3n de opci\u00f3n<\/strong>. Los botones de opci\u00f3n<\/strong> permiten al usuario seleccionar UNA de un n\u00famero limitado de opciones.<\/p>\n\n\n\n Ejm<\/strong><\/p>\n\n\n\n <input type=\u00bbcheckbox\u00bb><\/em><\/strong> define una casilla de verificaci\u00f3n<\/strong>. Las casillas de verificaci\u00f3n<\/strong> permiten al usuario seleccionar CERO o M\u00c1S opciones de un n\u00famero limitado de opciones.<\/p>\n\n\n\n Ejm<\/strong><\/p>\n\n\n\n <input type=\u00bbsubmit\u00bb><\/em><\/strong> define un bot\u00f3n para enviar los datos del formulario a un controlador de formulario. El controlador de formulario suele ser un archivo en el servidor con un script para procesar los datos de entrada. El controlador de formulario se especifica en el atributo de acci\u00f3n del formulario.<\/p>\n\n\n\n Ejm<\/strong><\/p>\n\n\n\n Ten en cuenta que cada campo de entrada debe tener un atributo de nombre para enviarse. Si se omite el atributo de nombre, el valor del campo de entrada no se enviar\u00e1 en absoluto.<\/p>\n\n\n\n Ejm<\/strong><\/p>\n\n\n\n Se utiliza un formulario HTML para recopilar la entrada del usuario. La entrada del usuario se env\u00eda con mayor frecuencia a un…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":41,"menu_order":52,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-246","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Se utiliza un formulario HTML para recopilar la entrada del usuario. La entrada del usuario se env\u00eda con mayor frecuencia a un...","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=246"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/246\/revisions"}],"predecessor-version":[{"id":248,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/246\/revisions\/248"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/41"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<form>\n.\nform elements<\/em>\n.\n<\/form><\/pre>\n\n\n\n
El elemento <input><\/h2>\n\n\n\n
Tipo<\/th> Descripci\u00f3n<\/th><\/tr> <input type=\u00bbtext\u00bb><\/td> Muestra un campo de entrada de texto de una sola l\u00ednea<\/td><\/tr> <input type=\u00bbradio\u00bb><\/td> Muestra un bot\u00f3n de radio (para seleccionar una de muchas opciones)<\/td><\/tr> <input type=\u00bbcheckbox\u00bb><\/td> Muestra una casilla de verificaci\u00f3n (para seleccionar cero o m\u00e1s de muchas opciones)<\/td><\/tr> <input type=\u00bbsubmit\u00bb><\/td> Muestra un bot\u00f3n de env\u00edo (para enviar el formulario)<\/td><\/tr> <input type=\u00bbbutton\u00bb><\/td> Muestra un bot\u00f3n en el que se puede hacer clic<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n Casillas de texto<\/h2>\n\n\n\n
<form>\n <label for=\"fname\">First name:<\/label><br>\n <input type=\"text\" id=\"fname\" name=\"fname\"><br>\n <label for=\"lname\">Last name:<\/label><br>\n <input type=\"text\" id=\"lname\" name=\"lname\">\n<\/form><\/pre>\n\n\n\n
\n
El elemento <label><\/h2>\n\n\n\n
Botones de radio<\/h2>\n\n\n\n
<p>Choose your favorite Web language:<\/p>\n\n<form>\n <input type=\"radio\" id=\"html\" name=\"fav_language\" value=\"HTML\">\n <label for=\"html\">HTML<\/label><br>\n <input type=\"radio\" id=\"css\" name=\"fav_language\" value=\"CSS\">\n <label for=\"css\">CSS<\/label><br>\n <input type=\"radio\" id=\"javascript\" name=\"fav_language\" value=\"JavaScript\">\n <label for=\"javascript\">JavaScript<\/label>\n<\/form><\/pre>\n\n\n\n
Casillas de verificaci\u00f3n<\/h2>\n\n\n\n
<form>\n <input type=\"checkbox\" id=\"vehicle1\" name=\"vehicle1\" value=\"Bike\">\n <label for=\"vehicle1\"> I have a bike<\/label><br>\n <input type=\"checkbox\" id=\"vehicle2\" name=\"vehicle2\" value=\"Car\">\n <label for=\"vehicle2\"> I have a car<\/label><br>\n <input type=\"checkbox\" id=\"vehicle3\" name=\"vehicle3\" value=\"Boat\">\n <label for=\"vehicle3\"> I have a boat<\/label>\n<\/form><\/pre>\n\n\n\n
El bot\u00f3n submit<\/h2>\n\n\n\n
<form action=\"\/action_page.php\">\n <label for=\"fname\">First name:<\/label><br>\n <input type=\"text\" id=\"fname\" name=\"fname\" value=\"John\"><br>\n <label for=\"lname\">Last name:<\/label><br>\n <input type=\"text\" id=\"lname\" name=\"lname\" value=\"Doe\"><br><br>\n <input type=\"submit\" value=\"Submit\">\n<\/form><\/pre>\n\n\n\n
El nombre de atributo para <input><\/h2>\n\n\n\n
<form action=\"\/action_page.php\">\n <label for=\"fname\">First name:<\/label><br>\n <input type=\"text\" id=\"fname\" value=\"John\"><br><br>\n <input type=\"submit\" value=\"Submit\">\n<\/form><\/pre>\n","protected":false},"excerpt":{"rendered":"