Tutorial HTML

Campos de entrada/salida

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

  1. 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.


Ejemplo 5:

<HTML>
<HEAD>
<TITLE>Ejemplo 5</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>

 

<<<Anterior - Siguiente>>>


¡Visita también estos sitios interesantes!

Sitio alojado en Yaia.com