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



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