Etiqueta de formulari: descripció, valor, aplicació

Taula de continguts:

Etiqueta de formulari: descripció, valor, aplicació
Etiqueta de formulari: descripció, valor, aplicació
Anonim

Els formularis HTML són una eina molt potent per interactuar amb els usuaris, però per raons tècniques no sempre és obvi com utilitzar-los al màxim. En aquest cas, simplement enviar dades no n'hi ha prou; també cal assegurar-se que les dades que els usuaris omplen als formularis s'enviaran en el format correcte necessari perquè es processin correctament i que això no trencarà les aplicacions existents. També és important ajudar els usuaris a omplir els formularis correctament i no frustrar-se quan intenten utilitzar aplicacions.

formulari l'etiqueta html
formulari l'etiqueta html

L'etiqueta s'utilitza per crear un formulari HTML. En realitat no crea un marge, sinó que s'utilitza com a contenidor principal per a elements com ara. Tant si voleu fer un formulari de subscripció senzill amb pagament i pagament habituals, o aplicacions web interactives, haureu d'utilitzar etiquetes d'elements HTML per funcionar, la més important de les quals és.

Que estàndardFormularis HTML

Els formularis HTML es van inventar i es van estandarditzar en gran mesura abans de l'arribada del JavaScript asíncron i les aplicacions web complexes. Avui en dia, s'utilitzen entrades de formulari, botons i altres mecanismes d'interacció, però al centre d'això hi ha un sistema basat en el paradigma de sol·licitud i resposta

atribut d'acció
atribut d'acció

Quan un usuari carrega una pàgina, s'envia una sol·licitud http (normalment l'anomenada sol·licitud GET). L'envia el vostre navegador al servidor, i normalment el servidor respon amb la pàgina web que l'usuari està buscant. Aquesta interacció és un dels conceptes més fonamentals d'Internet. I això explica exactament com funcionen els formularis HTML.

El procés d'intercanvi d'informació amb el servidor

Cada, que inclou elements com ara, es troba dins i té un atribut de nom (nom), així com el seu valor. El valor es defineix de diferents maneres. Per al text, aquest serà el valor introduït al camp per l'usuari del lloc. Per a un botó d'opció, el valor de l'opció seleccionada. L'usuari pot establir el valor, però la majoria de vegades no pot establir l'atribut del nom. Això crea un conjunt de parells nom/valor on els valors es determinen per l'entrada de l'usuari.

quins valors s'han d'assignar als atributs de l'etiqueta de formulari
quins valors s'han d'assignar als atributs de l'etiqueta de formulari

La principal diferència entre un formulari i un document HTML normal és que, en la majoria dels casos, les dades recopilades per un formulari s'envien a un servidor web. En aquest cas, cal configurar un servidor web per rebre i processar dades. atribut d'acció de l'etiquetaespecifica la ubicació (URL) on s'han d'enviar les dades recollides.

Com és la resposta del servidor

Quan s'envia el formulari, els parells nom-valor i tots els camps de l'element s'inclouen a HTTP. Es fa una sol·licitud a l'URL especificat en la forma de l'atribut d'acció. El tipus de sol·licitud (GET o POST) estarà a l'atribut method. Això vol dir que totes les dades proporcionades per l'usuari s'envien al servidor tan bon punt s'envia el formulari i el servidor pot fer el que vulgui amb aquestes dades. Quan el servidor rep un enviament de formulari, el tracta com qualsevol altra sol·licitud HTTP. El servidor fa el que calgui amb les dades incloses i envia una resposta al navegador.

atributs de l'etiqueta del formulari
atributs de l'etiqueta del formulari

Si recordeu que carregar la pàgina és la resposta, notareu que aquí passa el mateix. En una forma típica creada amb l'etiqueta, la resposta és una pàgina nova carregada pel navegador. Normalment, la pàgina nova substitueix el contingut actual, però aquest es pot substituir amb l'atribut target. La gran majoria dels formularis en línia funcionen d'aquesta manera, i és per això que l'usuari s'envia a una pàgina d'agraïment quan omple un formulari de subscripció per correu electrònic.

Aplicacions web i formularis sense etiqueta

Les aplicacions web interactives modernes utilitzen codi JavaScript per fer sol·licituds http asíncrones. Aquestes són trucades al servidor que no provoquen una recàrrega de la pàgina. No es basen en una etiqueta, un element HTML integrat al comportament. No combinen totes les dades en un sol tot.usuari i no els envieu immediatament. Per aquest motiu, molts dissenyadors de maquetació HTML + JS a les aplicacions web no utilitzen l'etiqueta en tots els formularis. Més sovint, simplement l'utilitzen com una mena de contenidor per a diversos tipus de camps i elements d'entrada. En aquest cas, el mètode i els atributs d'acció utilitzats no seran visibles.

Més sobre els formularis

Els formularis HTML són un dels aspectes més destacats de la interacció d'un usuari amb un lloc web o una aplicació. Permeten als usuaris enviar dades al lloc. La majoria de vegades, les dades s'envien al servidor web, però la pàgina web també pot interceptar-les per utilitzar-les per si sola. Hi ha molts elements relacionats amb la forma: diferents tipus de botons, selectors per a diferents tipus, mecanismes de retroalimentació. Per tant, pot ser difícil decidir quins valors assignar als atributs de l'etiqueta. Quan es tracta de crear formularis, cal que funcionin en diferents mides de pantalla. És important fer-los accessibles a les persones amb discapacitat. És per això que els formularis i les etiquetes d'atributs són potser l'aspecte més complex de l'HTML.

atributs de l'etiqueta del formulari
atributs de l'etiqueta del formulari

En què consisteix la forma

El formulari HTML consta d'un o més ginys. Poden ser camps de text d'una sola línia o de diverses línies, quadres de selecció, botons o botons d'opció. Sovint s'associen amb un atribut que descriu el seu propòsit: una implementació adequada pot indicar clarament als usuaris vidents i cecs com arribar al formulari d'entrada. Atributassociat correctament amb els seus atributs for i id, respectivament. L'etiqueta for es refereix a l'atribut id del giny corresponent i el lector de pantalla, utilitzant-lo, llegirà el que hi ha escrit.

etiqueta de formulari
etiqueta de formulari

A més de les estructures específiques de l'etiqueta, és important recordar que els formularis són només codi HTML. Això vol dir que podeu utilitzar tot el poder de l'HTML per estructurar els vostres formularis. Una pràctica habitual és utilitzar l'etiqueta per embolicar elements etiquetats amb

. Les llistes HTML també s'utilitzen àmpliament; s'utilitzen diverses caselles de selecció o botons d'opció per a l'estructuració. Després de crear els camps d'entrada, cal afegir un botó amb l'etiqueta i comprovar el resultat. La flexibilitat dels formularis HTML els converteix en una de les estructures més complexes del format HTML. Però amb l'estructura adequada quan creeu un formulari HTML, podeu assegurar-vos que sigui útil i accessible.

Recomanat: