Warning: include(/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 2

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 2

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/libraries/phputf8/view.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 4

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/libraries/phputf8/view.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 4

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/administrator/manifests/packages/include.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 14

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/administrator/manifests/packages/include.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 14

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/templates/virtualnautaejemplo/classes/header.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 16

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/templates/virtualnautaejemplo/classes/header.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 16

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/libraries/phputf8/view.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 18

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/libraries/phputf8/view.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 18

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/components/com_search/views/object.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/libraries/import.php on line 6

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/components/com_search/views/object.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/libraries/import.php on line 6

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/administrator/language/en-GB/footer.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/libraries/import.php on line 8

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/administrator/language/en-GB/footer.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/libraries/import.php on line 8

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/libraries/import.php on line 10

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/libraries/import.php on line 10

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/libraries/import.php on line 12

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/libraries/import.php on line 12

Warning: session_start() [function.session-start]: Cannot send session cookie - headers already sent by (output started at /home/content/20/9214920/html/joomla/includes/framework.php:2) in /home/content/20/9214920/html/joomla/libraries/joomla/session/session.php on line 532

Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at /home/content/20/9214920/html/joomla/includes/framework.php:2) in /home/content/20/9214920/html/joomla/libraries/joomla/session/session.php on line 532
Etiqueta input HTML - Virtualnauta.com

Etiqueta <input>


Etiqueta de apertura: <input> Etiqueta de cierre: Prohibido

Definición

La etiqueta <input> se utiliza para el ingreso de datos por parte del usuario.

El campo del input dependerá del tipo de control que le asignemos al atributo type.

  • text - entrada de texto de una línea
  • password - entrada de texto de una línea con carateres ocultos
  • checkbox - casilla de verificació
  • radio - radiobotón
  • submit - botón de envio
  • image - botón de envio gráfico o mapa de imágenes
  • reset - botón de reinicialización
  • button - botón pulsador
  • hidden - control oculto
  • file - selección de archivo

Ejemplo

Código
<form action="ejemplo.php" method="get">
   Nombre: <input type="text" name="nombre" /><br />
   Contraseña: <input type="password" name="contra" /><br />
   <input type="reset" value="Borrar" />
</form>
Resultado
Nombre:
Contraseña:

Posibles Atributos de la Etiqueta <input>

Referencias:
DTD nos indica en que DTD se permite cada atributo. S=Strict, T=Transitional, and F=Frameset.

Logo de Internet Explorer : Internet Explorer     Logo de Firefox : Firefox     Logo de Google Chrome : Google Chrome     Logo de Opera : Opera     Logo de Safari : Safari    

Atributos Valor Descripción Soportado por: DTD Ej.
accept tipos de contenido Especifica los tipos de archivo que se podrán mandar en el formulario(solo para type="file"). No es soportado por el navegador Internet Explorer No es soportado por el navegador Firefox No es soportado por el navegador Google Chrome No es soportado por el navegador Opera No es soportado por el navegador Safari STF Ejemplo que muestra como subir imagenes en diferentes formatos
align left Desaprobado
Especifica la alineación de la entrada de una imagen(solo para type="image")
Solo left y right funcionan bien en todos los navegadores.
Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari TF Ejemplo mostrando un botón de enviar alineado a la izquierda
right Ejemplo mostrando un botón de enviar alineado a la derecha
middle
top
bottom
alt texto alternativo Especifica un texto alternativo para el ingreso de una imagen(solo para type="image"). Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera No es soportado por el navegador Safari STF Ejemplo mostrando un botón y su texto alternativo
checked checked Especifica que el botón esta marcado ON(solo para type="radio" o type="checkbox"). Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari STF Ejemplo de un menú checkbox con una de las opciones marcada
disabled disabled Deshabilita el control para la entrada de datos. Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari STF Ejemplo de como deshabilitar un campo de entrada
ismap ismap Especifica una imagen como mapa de imagen del lado del servidor(solo para type="image"). STF
maxlength número Especifica el número máximo de caracteres que se pueden introducir(solo para type="text" o type="password"). Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari STF Ejemplo de como limitar la cantidad de caracteres de un campo de entrada
name nombre Especifica un nombre para el elemento input. Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari STF Ejemplo del uso del atributo name
readonly readonly Especifica que el campo del input es de solo-lectura(solo para type="text" o type="password"). Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari STF Ejemplo de como mostrar un campo con un valor predefinido que no puede ser modificado
size número Especifica el ancho del campo del input en píxeles(para type="text" o type="password" el ancho es en caracteres). Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari STF Ejemplo de como definir el tamaño del campo de entrada
src URL Especifica el URL de la imagen que se va a usar como botón de envio. Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari STF Ejemplo de como sustituir un botón submit por una imagen
type text Especifica el tipo de control a crear. Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari STF Ejemplo de un formulario con un campo para ingreso de texto
password Ejemplo de un formulario con un campo de ingreso de un password
checkbox Ejemplo de un formulario checkbox
radio Ejemplo de un formulario radio
submit Ejemplo de un formulario con un botón submit
reset Ejemplo de un formulario con un botón reset
file Ejemplo de un formulario para enviar archivos
hidden Ejemplo de un formulario con un dato oculto
image Ejemplo de un formulario con un botón imagen en lugar del botón submit
button
usemap #nombre_del_mapa Especifica una imagen como mapa de imagen del lado del cliente(solo para type="image"). Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari STF
value valor Especifica el valor inicial del control(obligatorio para type="radio" o type="checkbox"). Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari STF Ejemplo del uso del atributo value

Atributos Estándard de la Etiqueta <input>

Estos atributos son soportados por todos los navegadores

Logo de Internet Explorer : Internet Explorer     Logo de Firefox : Firefox     Logo de Google Chrome : Google Chrome     Logo de Opera : Opera     Logo de Safari : Safari    

Atributos Valor Descripción
class nombre de la clase Asigna un nombre de clase.
El atributo class actúa:
  • Como selector para las hojas de estilo(CSS), cuando se asigna información de estilo a un conjunto de elementos.
  • Para procesos generales por parte del usuario.
id nombre Asigna un nombre a un elemento.
El atributo id actúa:
  • Como selector para las hojas de estilo(CSS).
  • Como vínculo destino para vínculos de hipertexto.
  • Como medio de hacer referencia a un elemento en particular desde un script.
  • Como nombre de un elemento object declarado.
  • Para procesos generales por parte del usuario.
style estilo Este atributo especifica información de estilo para el elemento actual.
title nombre Este atributo ofrece información consultiva sobre el elemento para el cual se establece.
dir ltr o rtl Especifica la dirección del texto.
Valores posibles:
  • ltr : De izquierda a derecha (left to right).
  • rtl : De derecha a izquierda (right to left).
lang código de lenguaje Especifica el idioma base de los valores de los atributos y del texto contenido en un elemento.
El atributo lang es útil para:
  • Ayudar a los motores de búsqueda.
  • Ayudar a los sintetizadores de voz.
  • Ayudar al agente de usuario a hacer decisiones sobre separación de palabras, ligaduras, y espaciado.
  • Ayudar a los verificadores de ortografía y gramática.
accesskey caracter Asigna una tecla de acceso a un elemento. Al pulsar esa tecla el foco se dirige hacia ese elemento.
tabindex número Especifica el orden de tabulación del elemento dentro del documento actual

Eventos de la Etiqueta <input>

Los eventos son soportados por todos los navegadores

Logo de Internet Explorer : Internet Explorer     Logo de Firefox : Firefox     Logo de Google Chrome : Google Chrome     Logo de Opera : Opera     Logo de Safari : Safari    

Evento Valor Descripción
onblur script El script corre cuando el elemento pierde el foco ya sea con el mouse o por navegación con tabulador.
onchange script El script corre cuando el valor de entrada ha sido modificado.
onfocus script El script corre cuando el foco se dirige hacia un elemento, ya sea con el mouse o por navegación con tabulador.
onselect script El script corre cuando el usuario selecciona texto de un campo de texto.
onkeydown script El script corre cuando se pulsa una tecla.
onkeypress script El script corre cuando se pulsa y se suelta una tecla.
onkeyup script El script corre cuando una tecla se suelta.
onclick script El script corre cuando se hace clic con el mouse.
ondblclick script El script corre cuando se hace doble clic con el mouse.
onmousedown script El script corre cuando el botón del mouse se pulsa cuando está encima de un elemento.
onmousemove script El script corre cuando el mouse se mueve mientras está sobre un elemento.
onmouseout script El script corre cuando el mouse se aparta de un elemento.
onmouseover script El script corre cuando el mouse se sitúa sobre un elemento.
onmouseup script El script corre cuando el botón del mouse se suelta cuando está encima de un elemento.


En la Web