image
Valora:   3.98/5 de 45
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.







Comparte


Aportaciones de usuarios A�adir una aportaci�n



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.