image


Valora:  4.03/5
Inicio » HTML » Manual de HTML » Formularios




Campos de entrada

<INPUT>

La tag <input> define la introducción de variables. Junto a esta tag encontraremos los siguientes atributos:

  • type="" Indicará el tipo de variable a introducir.
    • text Indica que el campo a introducir será un texto. Sus atributos:
      • maxlenght="" Seguido de un valor que limitará el número máximo de carácteres a introducir en ese campo.
      • size="" Seguido de un valor que limitará el numero de carácteres a mostrar en pantalla.
      • value="" Indica que no hay valor inicial del campo.
    • Password Indica que el campo a introducir será una palabra de paso. Mostrará asteriscos en lugar de letras escritas. Sus atributos serán los mismos que para text.
    • Checkbox El campo se elegirá marcando de entre varias opciones una casilla cuadrada.
      • value="" Entre comillas se indicará el valor de la casilla.
      • checked La casilla aparecerá marcada por defecto.
    • Radio El campo se elegirá marcando de entre varias opciones una casilla circular.
      • value="" Entre comillas se indicará el valor de la casilla.
    • Image El campo contendrá el valor en coordenadas del punto de la imagen que haya pinchado. Atributo obligatorio:
      • src="" Entre comillas escribiremos el nombre del archivo de imagen.
    • hidden El visitante no puede modificar su valor ya que no está visible. Se manda siempre junto al atributo value= seguido de su valor entre comillas.
  • Name="" Indicará el nombre que se asigna a un determinado campo.
<HTML>
<HEAD>
<TITLE>Ejemplo 15</TITLE>
</HEAD>
<BODY>

<H1>Formularios</H1>

<FORM ACTION="mailto:unaprueba" METHOD="POST">
Texto: <INPUT TYPE="text" NAME="nombre"><BR>
Password: <INPUT TYPE="password" NAME="contra"><BR>
Sexo:<INPUT TYPE="radio" NAME="boton1" VALUE="1"> Hombre
<INPUT TYPE="radio" NAME="boton1" VALUE="2">Mujer<BR>
Vehiculo:<INPUT TYPE="checkbox" NAME="Moto" VALUE="Si">Moto
<INPUT TYPE="checkbox" NAME="Coche" VALUE="" CHECKED>Coche

<BR><BR>
<INPUT TYPE="submit"><INPUT TYPE="Reset">
</FORM>

</BODY>
</HTML>

Ver ejemplo


Puede consultar cualquier duda en el foro de discusión.




Aportaciones de usuarios Añadir una aportación



WebEstilo.com - Introduzca su e-mail y conozca las novedades. No hacemos Spam.
Enlaces
El Primer Euro
Cocina Facil IngenieroSoftware.com  
Google
  Web WebEstilo.com   
Última modificación:20 de Noviembre de 2004. Spain - España.
© 1998-2004 por Joaquin Gracia. Todos los derechos reservados.