Introducción de datos: <input>
A lo largo de este bloque de capítulos vamos a tratar el equivalente a los formularios HTML, para ver cómo dar al usuario la posibilidad de introducir datos que deban ser procesados para una búsqueda, un alta, etc.
Comenzamos con la etiqueta <input/>. Esta etiqueta nos permite la entrada de texto, que puede tener un formato a especificar en uno de sus parámetros. Si los datos introducidos no obedecen este patrón, el navegador debe avisarlo y dar la opción de volver a introducir los datos. No se debe inicializar el valor de la etiqueta <input> con un dato que no obedezca al formato dado.
Los parámetros de los que disponemos para esta etiqueta son:
- name
- Especifica un nombre de variable sobre el que se dará un valor; el valor será la entrada del usuario.
- value
- Indica un valor por defecto para la variable usada en name. Si este valor no obedece al formato, será ignorado.
- type
- Especifica el tipo de entrada de datos. Puede tomar uno de los dos valores siguientes: text, password; siendo text el valor por defecto.
- format
- Este parámetro especifica una máscara de entrada para los datos del usuario. La cadena consiste en una serie de caracteres de control que a continuación explicamos. El formato por defecto es "*M".
- A
- Permite cualquier carácter alfabético (en mayúsculas) o de puntuación
- a
- Permite cualquier carácter alfabético (en minúsculas) o de puntuación
- N
- Carácter numérico
- X
- Carácter en mayúsculas
- x
- Carácter en minúsculas
- M
- Cualquier carácter. El navegador puede suponer, por simplicidad, que serán mayúsculas, pero permitirá la entrada de cualquier carácter.
- m
- Cualquier carácter. El navegador puede suponer, por simplicidad, que serán minúsculas, pero permitirá la entrada de cualquier carácter.
- *f
- Cualquier número de caracteres, donde f es uno de los formatos vistos anteriormente. Este formato sólo puede aplicarse una vez y debe aparecer al final de la cadena de formatos.
- nf
- Permite n carácteres, siendo n un número de 1 a 9 y f uno de los formatos explicados (salvo *f). Este formato sólo puede aplicarse una vez y debe aparecer al final de la cadena de formatos.
- \c
- Visualiza el carácter c en el campo de entrada de datos. Estos caracteres forman parte del valor de entrada, por ejemplo, el valor almacenado como "1A2b3-1a2" cuya máscara es "NANaN\-NaN" es "1A2b3-1a2" y no "1A2b31a2"
- emptyok
- Este parámetro sólo puede tomar los valores 'true' o 'false'. Si es 'true' indica que la entrada puede quedar vacía incluso aunque se le especifique un formato (entrada opcional). Por defecto, si especificamos format, es emptyok=false
- size
- Tamaño en caracteres del cuadro de entrada de texto
- maxlength
- Número máximo de caracteres permitidos en la entrada de texto
- title
- Título para la etiqueta
Como siempre, finalizamos el capítulo viendo un ejemplo:
Ej_INPUT.wml
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="c1" title="Ej_input">
<p>Introduce tu datos:
<br/>Nombre:
<input type="text" name="nombre" value="Lola"/>
<br/>Apellidos:
<input type="text" name="apellidos" value="Cardenas"/>
<br/>Edad:
<input type="text" name="edad" format="*N" maxlength="3"/>
<br/>DNI:
<input type="text" name="DNI" format="9N" emptyok="true"/>
</p>
</card>
</wml>