{"id":2821,"date":"2023-07-06T22:14:12","date_gmt":"2023-07-06T22:14:12","guid":{"rendered":"https:\/\/dev1992.com\/?p=2821"},"modified":"2023-07-06T22:18:41","modified_gmt":"2023-07-06T22:18:41","slug":"curso-html5-manejo-de-formularios","status":"publish","type":"post","link":"https:\/\/dev1992.com\/index.php\/2023\/07\/06\/curso-html5-manejo-de-formularios\/","title":{"rendered":"Udemy Gratis: Curso HTML5: Manejo de Formularios – Udemy Free"},"content":{"rendered":"\n
<\/div>\n\n\n\n

Curso desde cero<\/h2>\n\n\n
\n
\"\"\/
Curso HTML5: Manejo de Formularios<\/figcaption><\/figure><\/div>\n\n\n
<\/div>\n\n\n\n

Idioma<\/h2>\n\n\n\n

Spanish<\/p>\n\n\n\n

<\/div>\n\n\n\n

Descripci\u00f3n<\/h2>\n\n\n\n

Formularios HTML<\/strong><\/p>

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>


<\/p>

El elemento HTML <input> es el elemento de formulario m\u00e1s utilizado.<\/p>

Un elemento <input> se puede mostrar de muchas formas, seg\u00fan el atributo de tipo.<\/p>

Aqu\u00ed hay unos ejemplos:<\/p>

<input type=\u00bbtext\u00bb> <\/strong>           Muestra un campo de entrada de texto de una sola l\u00ednea<\/p>

<input type=\u00bbradio\u00bb>   <\/strong>       Muestra un bot\u00f3n de radio (para seleccionar una de muchas opciones)<\/p>

<input type=\u00bbcheckbox\u00bb><\/strong> Muestra una casilla de verificaci\u00f3n (para seleccionar cero o m\u00e1s de muchas opciones)<\/p>

<input type=\u00bbsubmit\u00bb><\/strong>      Muestra un bot\u00f3n de env\u00edo (para enviar el formulario)<\/p>

<input type=\u00bbbutton\u00bb> <\/strong>      Muestra un bot\u00f3n en el que se puede hacer clic<\/p>


<\/p>

Atributos de formulario HTML<\/strong><\/p>

El atributo action<\/strong><\/p>

El atributo action define la acci\u00f3n que se realizar\u00e1 cuando se env\u00ede el formulario.<\/p>

Por lo general, los datos del formulario se env\u00edan a un archivo en el servidor cuando el usuario hace clic en el bot\u00f3n Enviar.<\/p>

En el siguiente ejemplo, los datos del formulario se env\u00edan a un archivo llamado \u00abaction_page.php\u00bb. Este archivo contiene un script del lado del servidor que maneja los datos del formulario.<\/p>


<\/p>

El atributo method<\/strong><\/p>

El atributo method especifica el m\u00e9todo HTTP que se utilizar\u00e1 al enviar los datos del formulario.<\/p>

Los datos del formulario se pueden enviar como variables de URL (con method=\u00bbget\u00bb) o como transacci\u00f3n de publicaci\u00f3n HTTP (con method=\u00bbpost\u00bb).<\/p>

El m\u00e9todo HTTP predeterminado al enviar datos de formulario es GET.<\/p>


<\/p>

Notas sobre GET:<\/strong><\/p>

Agrega los datos del formulario a la URL, en pares de nombre\/valor<\/p>

\u00a1NUNCA use GET para enviar datos confidenciales! (\u00a1Los datos del formulario enviado son visibles en la URL!)<\/p>

La longitud de una URL es limitada (2048 caracteres)<\/p>

\u00datil para env\u00edos de formularios en los que un usuario desea marcar el resultado<\/p>

GET es bueno para datos no seguros, como cadenas de consulta en Google<\/p>


<\/p>

Notas sobre POST:<\/strong><\/p>

Agrega los datos del formulario dentro del cuerpo de la solicitud HTTP (los datos del formulario enviado no se muestran en la URL)<\/p>

POST no tiene limitaciones de tama\u00f1o y se puede utilizar para enviar grandes cantidades de datos.<\/p>

Los env\u00edos de formularios con POST no se pueden marcar<\/p>


<\/p>

El atributo de autocomplete<\/strong><\/p>

El atributo de autocompletar especifica si un formulario debe tener la opci\u00f3n de autocompletar activada o desactivada.<\/p>

Cuando la funci\u00f3n de autocompletar est\u00e1 activada, el navegador completa autom\u00e1ticamente los valores en funci\u00f3n de los valores que el usuario ha ingresado anteriormente.<\/p>


<\/p>

Elementos de formulario HTML<\/strong><\/p>

Los elementos HTML <form><\/p>

El elemento HTML <form> puede contener uno o m\u00e1s de los siguientes elementos de formulario:<\/p>

<input><\/p>

<label><\/p>

<select><\/p>

<textarea><\/p>

<button><\/p>

<fieldset><\/p>

<legend><\/p>

<datalist><\/p>


<\/p>

Tipos de entrada HTML<\/strong><\/p>

Estos son los diferentes tipos de entrada que puede usar en HTML:<\/p>

<input type=\u00bbbutton\u00bb><\/p>

<input type=\u00bbcheckbox\u00bb><\/p>

<input type=\u00bbcolor\u00bb><\/p>

<input type=\u00bbdate\u00bb><\/p>

<input type=\u00bbdatetime-local\u00bb><\/p>

<input type=\u00bbemail\u00bb><\/p>

<input type=\u00bbfile\u00bb><\/p>

<input type=\u00bbhidden\u00bb><\/p>

<input type=\u00bbimage\u00bb><\/p>

<input type=\u00bbmonth\u00bb><\/p>

<input type=\u00bbnumber\u00bb><\/p>

<input type=\u00bbpassword\u00bb><\/p>

<input type=\u00bbradio\u00bb><\/p>

<input type=\u00bbrange\u00bb><\/p>

<input type=\u00bbreset\u00bb><\/p>

<input type=\u00bbsearch\u00bb><\/p>

<input type=\u00bbsubmit\u00bb><\/p>

<input type=\u00bbtel\u00bb><\/p>

<input type=\u00bbtext\u00bb><\/p>

<input type=\u00bbtime\u00bb><\/p>

<input type=\u00bburl\u00bb><\/p>

<input type=\u00bbweek\u00bb><\/p>


<\/p><\/p>\n\n\n\n

<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
CANJEAR CURSO<\/a><\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

Para m\u00e1s cursos Gratis y para ver los que siguen as\u00ed visita nuestra aplicaci\u00f3n web UFree.<\/h2>\n\n\n\n
<\/div>\n\n\n\n
\n
M\u00e1s cursos gratis<\/a><\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

Descarga la aplicaci\u00f3n oficial!<\/h2>\n\n\n\n
<\/div>\n\n\n\n
\n
Aplicaci\u00f3n oficial<\/a><\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

<\/p>\n

\r\n
\r\n\r\n
\r\n \r\n \r\n Cup\u00f3n Udemy: Club Java Master – Novato a Experto Java +110hrs Actualizado <\/a>\r\n\r\n
\r\n \r\n\r\n \"Cup\u00f3n\r\n\r\n \r\n\r\n <\/a>\r\n <\/div>\r\n

\r\n Actualizado Conviértete en Full Stack Java Developer Aprende las tecnologías Java como Java EE, Spring, Hibernate y más Club Java Read more<\/a> <\/p>\r\n <\/div>\r\n

\r\n \r\n \r\n Cup\u00f3n Udemy: Universidad de Programaci\u00f3n – Python, Java, C y C++ – 2024 <\/a>\r\n\r\n
\r\n \r\n\r\n \"Cup\u00f3n\r\n\r\n \r\n\r\n <\/a>\r\n <\/div>\r\n

\r\n Aprende Python, Java, C y C++ desde Cero con Proyectos Reales. Tkinter, Flask, Spring, PrimeFaces, Swing, React y Mysql Universidad Read more<\/a> <\/p>\r\n <\/div>\r\n

\r\n \r\n \r\n Udemy Gratis: Curso HTML5: Manejo de Formularios – Udemy Free <\/a>\r\n\r\n
\r\n \r\n\r\n \"Udemy\r\n\r\n \r\n\r\n <\/a>\r\n <\/div>\r\n

\r\n Curso desde cero Curso HTML5: Manejo de Formularios Idioma Spanish Descripción Formularios HTMLSe utiliza un formulario HTML para recopilar la Read more<\/a> <\/p>\r\n <\/div>\r\n

\r\n \r\n \r\n Cup\u00f3n Udemy: Universidad JavaScript – De Cero a Experto JavaScript! <\/a>\r\n\r\n
\r\n \r\n\r\n \"Cup\u00f3n\r\n\r\n \r\n\r\n <\/a>\r\n <\/div>\r\n

\r\n Programación Orientada a Objetos, Funciones Flecha, Callback, Promesas, Async, Await, DOM y mucho más! Universidad JavaScript - De Cero a Read more<\/a> <\/p>\r\n <\/div>\r\n \r\n <\/div>\r\n\r\n