Mostrando entradas con la etiqueta Input. Mostrar todas las entradas
Mostrando entradas con la etiqueta Input. Mostrar todas las entradas

jueves, 27 de octubre de 2011

11. Cuadro de texto


Se trata del elemento más utilizado en los formularios. En el caso más sencillo, se muestra un cuadro de texto vacío en el que el usuario puede escribir cualquier texto:
Ejemplo de etiqueta input (type=text)
Figura 8.2. Ejemplo de etiqueta input (type=text)
A continuación se muestra el código HTML correspondiente al ejemplo anterior:
Nombre <br/>
<input type="text" name="nombre" id="nombre" value="" />

El atributo type="text" es donde indicamos que es una caja de texto, name="nombre" es el nombre que tendrá la caja de texto, value="" indica que la caja de texto "" tendrá en su caja de texto, el id="nombre" esté es igual que el name y es bueno indicarlo porque algunos navegadores utilizan el id y otros utilizan el name para identificar al control o elemento de la página. 

10. Elementos de un formulario

Los elementos de formulario como botones y cuadros de text. La mayoría de controles se crean con la etiqueta <input>, por lo que su definición formal y estos pueden ser sus atributos y/o características de los elementos:
<input>
Control de un formulario
Atributos comunesbásicos, i18n, eventos y foco
Atributos específicos
  • type = "text | password | checkbox | radio | submit | reset | file | hidden | image | button" - Indica el tipo de control que se incluye en el formulario
  • name = "texto" - Asigna un nombre al control (es imprescindible para que el servidor pueda procesar el formulario)
  • value = "texto" - Valor inicial del control
  • size = "unidad_de_medida" - Tamaño inicial del control (para los campos de texto y de password se refiere al número de caracteres, en el resto de controles se refiere a su tamaño en píxel)
  • maxlength = "numero" - Máximo número de caracteres para los controles de texto y de password
  • checked = "checked" - Para los controles checkbox y radiobutton permite indicar qué opción aparece preseleccionada
  • disabled = "disabled" - El control aparece deshabilitado y su valor no se envía al servidor junto con el resto de datos
  • readonly = "readonly" - El contenido del control no se puede modificar
  • src = "url" - Para el control que permite crear botones con imágenes, indica la URL de la imagen que se emplea como botón de formulario
  • alt = "texto" - Descripción del control
Tipo de elementoEn línea y etiqueta vacía
DescripciónSe emplean para insertar un control en un formulario