La Comunidad de Desarrolladores WAP
@ Contacta con nosotros
  .WMLClub
  .Tutorialwml / Indice Alfabético: INPUT


APRENDIZAJE
- Tutoriales
- Código fuente / Demos
- FAQS
- Configuración móviles
- Demos en WAP

HERRAMIENTAS
- Programas / Download
- Creación de contenidos

ARCHIVO
- FAQS
- Terminales WAP
- Documentos
- Artículos
- Noticias
- Links
- Libros
- Índice WAP

    INPUT

    Input permite al usuario introducir texto que luego podemos asignar a una variable. Input puede tener un contenido por defecto.

    Ejemplo completo de <input>:

    Escribe tu nombre:
    <input name="nombre" title="Nombre" type="text" value="--" default="Juan" format="specifier" emptyok="true" size="10" maxlength="2" tabindex="3"/>
    Fíjate que el tag input lleva "/" al final (se cierra).

    El usuario introducirá un texto que se asignará a la variable nombre.

    ATRIBUTO DESCRIPCIÓN VALOR EJEMPLO
    id      
    class      
    tabindex      
    accesskey Asigna una tecla de acceso rápido al elemento, de forma que cuando pulsamos esa tecla accedemos al elemento correspondiente. Si es un link, se va al link, si es un campo de texto (como es este caso), se activa el campo, permitiendo la entrada de datos, si es un "radio button", se cambia el valor del "radio button". Las teclas que se pueden pulsar varían mucho dependiendo de los tipos de dispositivos móviles. En los teléfonos móviles, las teclas más habituales son de 0 a 9 y "*" y "#". Cada dispositivo tiene un forma distinta de reconocimiento del accesskey. En unos bastará con pulsar la tecla y en otros hará falta pulsar la tecla y apretar después un botón. También puede haber dispositivos que pueden inhibir el uso de los accesskey, porque ya tienen teclas rápidas asignadas por defecto. A, ANCHOR e INPUT soportan el atributo accesskey. El valor que se le da al accesskey aparecerá en el navegador de formas muy distintas dependiendo del dispositivo wap. No todos los dispositivos lo soportan. Recomendado un número de 0 a 9 o "*" o "#", porque los tienen generalmente todos los dispositivos wap. <p>Nombre:</p>
    <p><input name="nom" type="text" accesskey="1"/></p>
    <p>Apellido:</p>
    <p><input name="apel" type="text" accesskey="2"/></p>
    <p>Clave:</p>
    <p><input name="pass" type="password" accesskey="3"/></p>
    name Crea una variable que llevará el contenido que el usuario introduzca. Si la variable ya tenía contenido, el contenido aparecerá en la caja de entrada de datos. Si no tenía un contenido y no se especifica en el "value" (ver más abajo), se inicializa la variable vacía (""). Texto <card id="registro" title="WMLCLUB">
    <p>Nombre: </p>
    <p><input type="text" name="nombre"/></p>
    <p>Apellido: </p>
    <p><input type="text" name="apell"/></p>
    <p><a href="#regcomp">Adelante</a> </p>
    </card>
    <card id="regcomp" title="WMLCLUB">
    <p> Nombre: $(nombre)
    <br/>
    Apellido: $(apell)
    <br/>
    Correcto, ¿<a href="http://www.wmlclub.com/
    cgi-bin/reg.pl?nom=$(nombre)&amp;
    ap=$(apell)">si</a>?, ¿<a href="#registro">no</a>?
    </p>
    </card>

    title Pondrá una etiqueta al input que podrá servir para la presentación del mismo. Texto <p><input type="text" title="Nombre"/></p>
    type Indica cómo se verá en la pantalla lo que el usuario introduce. Si es "text" el texto será visible y si es "password", cada caracter será sustituído por asteriscos en la pantalla para ocultar su contenido. Que el tipo sea "password" no indica que se encripte la información enviada, como se hace en un servidor seguro. text / password <p>Nombre:</p>
    <p><input name="nom" type="text"/></p>
    <p>Clave:</p>
    <p><input name="pass" type="password"/></p>
    value También se puede escribir "default". Asigna un valor por defecto a la variable del input (cuyo nombre se define en el atributo "name"). Si la variable ya tenía un valor se ignorará el valor por defecto del "value". Si la variable no tenía ningún valor se le asignará el del "value" y aparecerá en la pantalla en la entrada de datos. Si el formato especificado para el input no coincide con el valor que tiene en el "value" se ignorará este último. texto <p>Nombre:</p>
    <p><input name="nom" type="text" value="Nombreaqui"/></p>
    <p>Clave:</p>
    <p><input name="pass" type="password" value="Claveaqui"/></p>
    emptyok Si es "true" permite dejar en blanco el campo de entrada (es decir, el campo de entrada será opcional). En cualquier caso, si el usuario introduce datos serán permitidos y almacenados en la variable. true / false <p>Nombre:</p>
    <p><input name="nom" type="text" value="Nombreaqui"/></p>
    <p>Apellidos (opcional):</p>
    <p><input name="apell" type="text" value="Opcional" emptyok="true"/></p>
    <p>Clave:</p>
    <p><input name="pass" type="password" value="Claveaqui"/></p>
    size Algunos dispositivos pueden ignorar este atributo. Indica el ancho, en caracteres, del campo de entrada. Número <p>Nombre:</p>
    <p><input name="nom" type="text" size="10"/></p>
    maxlength Indica el número máximo de caracteres permitidos para la entrada de datos. Número <p>Nombre:</p>
    <p><input name="nom" type="text" size="10" maxlength="8"/></p>
    format Especifica un formato al que deberá ajustarse el tipo de datos que el usuario introduzca. Nos servirá para comprobar que el usuario ponga números y no letras en un campo de teléfono, etc. Si se omite este atributo, el dispositivo entiende *M, esto es, que puede permitir la entrada de cualquier carácter hasta un número máximo definido por maxlength. A / a / N / X / x / M / m / *f / nf / |c Explicación detallada de cada control de formato:

    A Cualquier carácter alfabético en minúsculas y/o símbolos (no números).
    a Cualquier carácter alfabético en mayúsculas y/o símbolos (no números).
    N Cualquier carácter numérico (no símbolos, ni caracteres alfabéticos).
    X Cualquier carácter numérico, simbólico y alfabético en mayúsculas.
    x Cualquier carácter numérico, simbólico y alfabético en minúsculas.
    M Cualquier carácter numérico, simbólico y alfabético en mayúsculas (aunque permite la entrada de minúsculas).
    m Cualquier carácter numérico, simbólico y alfabético en minúsculas (aunque permite la entrada de mayúsculas).
    *f Donde f es cualquiera de los anteriores (A, a, N, X, x, M, m). Permite la entrada de cualquier número de caracteres en el formato que se indique en f. Por ejemplo: *N (cualquier número de caracteres numéricos)
    nf Donde n es un número (de 0 a 9) y f es cualquiera de los anteriores (A, a, N, X, x, M, m). n especifica un número de caracteres máximo que se pueden introducir.

    Algunos ejemplos:

    A
    <p><input name="codigo" type="text" format="AAA"/></p>
    Obliga al usuario a introducir 3 caracteres. Correcto: #3F, DF(. Incorrecto: d78, Yu#E.

    N
    <p><input name="telefono" type="text" format="NNNNNNNNN"/></p>
    Obliga al usuario a introducir 9 números (ni 8 ni 3, ni tampoco letras, ni signos). También se puede expresar como format="9N".

    *X
    <p><input name="nombre" type="text" format="*X"/></p>
    Obliga al usuario a introducir sólo letras en mayúsculas, pero no limita el número de caracteres.

    5X
    <p><input name="nombre" type="text" format="*X"/></p>
    Obliga al usuario a introducir sólo letras en mayúsculas, y limita el número de caracteres que puede introducir a 5.


    WMLCLUB: Tutorial