input
Los atributos de esta etiqueta son:
| Etiqueta | Explicación | Valores que puede tomar |
| name | Nombre de la variable que va a tomar los datos que introduzca el usuario(Obligatorio) | Texto |
| value | Valor que aparece en el campo input por defecto. Debe cumplir las reglas de formato de este campo o si no será ignorado; También será ignorado si la variable ya tiene un valor previo | Texto |
| type | Forma en la que se introducen los datos | text Texto normal password Aparecen asteriscos en vez del texto tecleado. NO se recomienda, ya que para escribir con un telef. móvil es muy complicado |
| format | Formato en que se acepta la introducción de datos | El formato por defecto es *M, o sea cualquier caracter en mayúsculas. A= Cualquier caracter no numérico en mayúsculas a= Cualquier caracter no numérico en minúsculas N= Sólo números X= Cualquier caracter en mayúsculas x= Cualquier caracter en minúsculas \dato= Dato es un valor que queremos que aparezca tal cual |
| emptyok | En true si queremos que no sea obligatorio introducir este dato, ya que si tenemos un formato en un campo y no queremos cubrirlo, si lo dejamos en blanco puede no cumplir el formato, lo que nos da un error | True o false(Por defecto si el campo tiene formato) |
| size | Especifica el ancho en caracteres del input | Número |
| maxlenght | Especifica el número máximo de caracteres a introducir | Número |
| title | Título usado en la presentación del objeto | Texto |
| tabindex | Especifica el orden en que se accede a los distintos objetos dentro de una card. Por defecto de arriba a abajo | Número |
| Notas: Siempre se acaba la etiqueta con una barra / | ||
| Ejemplo <input type="text" name="ape1" format="A" maxlength="25" emptyok=true /> Acepta 25 letras en mayúsculas y las almacena en la variable ape1. No es un campo obligatorio(emptyok=true) <input type="text" name="fecha" format="NN\-NN\-19NN" maxlength="10"/> Acepta solamente números y ya pone el los quiones y el 19, almacenando esto en la variable fecha. Es un campo obligatorio | ||
Los atributos de esta etiqueta son:
| Etiqueta | Explicación | Valores que puede tomar |
| name | Nombre de la variable que va a tomar los datos que introduzca el usuario(Obligatorio) | Texto |
| value | Valor que tiene la variable por defecto. | Texto |
| multiple | Posibilidad de seleccionar más de una opción. Si es así el valor de la variable será ambos valores separados po ; | True ó False(por defecto) |
| ivalue | Deternima el index de la opción que queremos que esté seleccionada por defecto. El primer item es 0, el segundo 1.... | Número |
| title | Título usado en la presentación del objeto | Texto |
| Notas: Siempre utilizaremos la opción ivalue=0, o al menu que queremos que sea seleccionado por defecto. Siempre se acaba con la etiqueta </select>. Dentro de esta etiqueta deben ir <option> o <optgroup> | ||
| Ejemplo: Se ven en las siguientes etiquetas | ||
Los atributos de esta etiqueta son:
| Etiqueta | Explicación | Valores que puede tomar |
| value | Valor que toma la variable al seleccionar este item | Texto |
| title | Título usado en la presentación del objeto | Texto |
| onpick= | Evento que ocurre al seleccionar o deseleccionar un item | Href. URL o dirección de otra card |
| Notas: Siempre se acaba con la etiqueta </option>. Debe estar dentro de la etiqueta <select> | ||
| Ejemplo: <select name="mascota" value="N" ivalue=1> <option value="N">Ninguno</option> <option value="P">Perro<</option> <option value="G">Gato<</option> </select> | Explicación: Tenemos 3 opciones, y por defecto Ninguno seleccionada(ivalue=1). Sólo podemos elegir 1 de ellas. Si elegimos Perro, la variable mascota es P, gato es G y si no elegimos nada N(value="N"). | |
Los atributos de esta etiqueta son:
| Etiqueta | Explicación | Valores que puede tomar |
| title | Título usado en la presentación del objeto | Texto |
| Notas: Siempre se acaba con la etiqueta </optgroup>. Esta etiqueta es usada para aglurinar a varias option | ||
| Ejemplo: <select name="Pais"> <optgroup title="América"> <option value="USA">USA</option> <option value="Mex">México</option> </optgroup> <optgroup title="Europa"> <option value="Esp">Espaqa</option> <option value="Fra">Francia</option> </optgroup> </select> | Explicación: Tenemos 2 opciones dentro de cada subgrupo. Sólo podemos elegir 1 de ellas. Primero seleccionamos el continente, y dependiendo del seleccionado, nos salen las siguientes opciones, y allí elegimos el valor que asignaremos a la variable Pais | |
No hay comentarios:
Publicar un comentario