» XForms define una variante de los formularios web tradicionales que permite emplearla en una gran variedad de plataformas y navegadores o incluso en medios no tradicionales como los documentos PDF.
La primera diferencia principal en XForms es la forma de enviar el formulario al cliente. » XForms for HTML Authors contiene una descripción detallada de cómo crear XForms; para el propósito de este tutorial únicamente veremos un ejemplo simple.
Ejemplo #1 Un formulario simple de búsqueda con XForms
<h:html xmlns:h="http://www.w3.org/1999/xhtml"
xmlns="http://www.w3.org/2002/xforms">
<h:head>
<h:title>Búsqueda</h:title>
<model>
<submission action="http://example.com/search"
method="post" id="s"/>
</model>
</h:head>
<h:body>
<h:p>
<input ref="q"><label>Buscar</label></input>
<submit submission="s"><label>Ir</label></submit>
</h:p>
</h:body>
</h:html>
El formulario anterior muestra una caja de entrada de texto (llamada q),
y un botón de envío. Al presionar este botón, el formulario se
envía a la página indicada por action.
Aquí es donde comienzan a verse las diferencias desde el punto de vista de la aplicación web. En un formulario normal de HTML, los datos serían enviados como application/x-www-form-urlencoded; en el mundo de XForms, esta información es enviada como datos formateados en XML.
Si se elige trabajar con XForms, sería conveniente que los datos se obtuvieran como XML. En tal caso, se puede examinar $HTTP_RAW_POST_DATA para encontrar el documento XML generado por el navegador, el cual se puede pasar al motor de XSLT o al analizador de documentos favorito.
Si no se está interesado en formatear los datos y solo se desea que se carguen
en la variable $_POST tradicional, se puede instruir
al navegador del cliente para enviarlos como application/x-www-form-urlencoded
cambiando el atributo method a
urlencoded-post.
Ejemplo #2 Empleo de un Xform para rellenar $_POST
<h:html xmlns:h="http://www.w3.org/1999/xhtml"
xmlns="http://www.w3.org/2002/xforms">
<h:head>
<h:title>Búsqueda</h:title>
<model>
<submission action="http://example.com/search"
method="urlencoded-post" id="s"/>
</model>
</h:head>
<h:body>
<h:p>
<input ref="q"><label>Buscar</label></input>
<submit submission="s"><label>Ir</label></submit>
</h:p>
</h:body>
</h:html>
Nota: En el momento de escribir esto, muchos navegadores no admiten XForms. Compruebe la versión de su navegador si los ejemplos anteriores fallan.