formularios html

son utilizados para recolectar informacion  de los usurios y luego es enviada al servidor para ser procesada.

para declarar un formulario se utiliza la etiqueta<form>

<form action=”fichero con lenguaje compatible”  method=”post/get”>

……

</form>

 

CONTROLES DE TEXTO

texto de una sola linea

<input type=”text” name =”nombre” size=”#”  maxlength=”#” value=”texto que aparecerá por defecto”>

NAME=”nombre” se bautiza el campo para distinguirlo de otros campos del mismo tipo

SIZE=”#”  especifica la longitud del campo en caracteres, esto tamaño se visualizará en  pantalla

MAXLENGTH=”#” indica  el maximo número en caracteres que el usuario puede introducir

area de texto

es un control que nos permite introducir texto de mas de una linea.

<textarea name=”nombre”  rows=”#” cols=”#”>texto</textarea>

ROWS  lineas o filas que ocupará el control.

COLS  número de caracteres de ancho

Nota: si los caracteres sobrepasa estas medidas se activa el scrollbar horizontal o vertical según sea el caso.

CONTROLES DE OPCION

radio botones

control que muestra varias opciones de las cuales solo es valida una

<pre>

<input type =”radio” name=”nombre” value =”opcion”>opcion mostrada en pantalla

<input type =”radio” name=”nombre” value =”opcion”  checked>opcion mostrada en pantalla

todas las que se deseé

</pre>

CHECKED  con esta etiqueta  estará señalada una opcion por defecto.

casilla de verificacion

esta etiqueta nos permite escoger varias opciones

<input type =”checkbox” name=”nombre” value=”valor” checked>

menú desplegable

control que nos permite escoger una opcion de varias opciones ocupando un area menor en pantalla.

<select name=”nombre”>

<option>opcion mostrada en el control

“”

“”

</select>

si se desea escoger multiples opciones agregegar

<SELECT NAME=”nombre” MULTIPLE>

BOTONES

se utilizan en su mayoria de veces para enviar el formulario o para borrar los campos del mismo.

<input type =”submit”  value”texto a mostrar”>     //enviar

<input type =”reset” value =”texto a mostrar”>        //borrar

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s