Formulari web

Un formulari web dins d'una pàgina web permet a l'usuari introduir senyes els quals són enviats a un servidor per a ser processats. Els formularis web s'assemblen als formularis de paper perque els internautes omplin dits formularis usant caselles de selecció, botons d'opció, o camps de text. Per eixemple, els formularis web poden ser usats per a introduir senyes d'enviament en l'objectiu de solicitar un producte, o ben ser utilisats per a solicitar senyes (p. eix., en buscar en un motor de busca).

Ademés de servir com a plantilles per a nova informació, els formularis web també poden ser usats per a consultar i mostrar informació existent en forma similar als formularis de combinació de correspondència, incorporant les mateixes ventages. La separació entre l'estructura i les senyes subjacents d'un mensage permet a abdós variar independentment. L'us de formularis web per a este propòsit evita els problemes associats en la creació explícita de pàgines web separades per a cada registre en una base de senyes.

Els formularis web estan definits en llenguages de programació com HTML, Perl, Java o .NET. Les implementacions d'estos llenguages usualment invoquen automàticament els idiomes de l'interfaç d'usuari i unes atres de les seues característiques, tals com el disseny estructural, i tema, minimisant el temps, el cost i el temps de programació.

Formularis XHTML/HTML

Eixemple de formulari renderizado per Mozilla Firefox (fes clic en l'image per a vore el còdic HTML generat per este formulari).

Un formulari en XHTML o HTML és la forma més comuna d'usar un formulari en llínea. Utilisant solament les etiquetes <form> i <input> és possible dissenyar la majoria de formularis de les aplicacions web.

Els següents elements poden formar part d'un formulari del

• input
  • type = (per a indicar un dels tipos de control del formulari)
    • text: una caixa de text que permet ingressar una sola llínea de text.
    • checkbox: una casella de selecció.
    • ràdio: un botó d'opció.
    • file: un examinador per a pujar archius.
    • reset: un botó de reinicie que en activar-se li diu al navegador que restaure els valors del formulari al seu estat inicial
    • submit: un botó que li diu al navegador que realise l'acció del formulari (referit típicament a manar-ho al servidor).
• Algunes aplicacions web utilisen atres elements de formulari que no es poden crear en <input>. Les llistes desplegables i les àrees de text disponen de les seues pròpies etiquetes (<select> i <textarea> respectivament):
  • select: una llista d'elements que l'usuari pot seleccionar.
  • textarea: molt semblat a la caixa de text pero en la possibilitat d'escriure múltiples llínees.

L'image d'eixemple de la dreta mostra tots estos elements:

• Una caixa de text que permet ingressar un nom.
• Un parell de botons d'opció per a seleccionar el sexe.
• Una llista de colors d'ulls a elegir.

• Un parell de caselles de selecció que són seleccionades si s'apliquen a l'usuari.
• Un àrea de text que descriu l'habilitat atlètica.
• Un botó submit per a enviar l'informació al servidor.

Estos elements bàsics proveïxen la major cantitat possible d'elements de les interfaços gràfics, pero no tots. Per eixemple, no hi ha equivalents a un combobox, globos d'ajudes, vista d'arbre, o vista tabular.

Una vista tabular, no obstant, pot ser imitada usant una taula HTML estàndart en elements input text en cada cela. Una vista d'arbre pot ser imitada per mig de taules aniuades o be, semánticamente parlant, en llestes anidadas. Molts d'estos elements estan disponibles per mig de biblioteques de JavaScript.

XForms

Artícul principal → XForms.

XForms és una alternativa estàndar que va ser dissenyada per a representar la pròxima generació de formularis HTML/XHTML. També és un estàndart que és lo suficientment genèric per a ser usat de modo standalone (independent) o junt a llenguages de representació distints de HTML o XHTML, per a descriure formularis en atres interfaços d'usuari. A diferència dels formularis HTML/XHTM, XForms usa un acostament Model Vista Controlador.

Un document XForms pot ser tan simple com un formulari web HTML/XHTML, pero XForms inclou moltes característiques alvançades. Per eixemple, el formulari pot reaccionar en temps real i solicitar o enviar nova informació mentres este encara està sent desplegat, sense l'us d'un llenguage script separat. El formulari pot especificar cóm són validades les seues senyes o cóm canviaran certes porcions del formulari depenent de les senyes que són ingressats en atres parts del mateix.

A diferència dels formularis HTML/XHTML, XForms encara no és soportat pels navegadors disponibles actualment.

Vore també

• ActiveX
• Botó d'opció
• Captcha
• Comerç electrònic
• Fluix de treball
• Microsoft InfoPath
• Pestanya (informàtica)
• Postback
• Simple Object Access Protocol (SOAP)
• Seahorse (biblioteca de JavaScript per a la validació de formularis)
• XForms
• Plantilla {{Llista desplegable}}
• Llistadesplegable (en anglés)