Вы находитесь на странице: 1из 6

FORMULARIOS.

Los formularios html estn compuestos por campos de texto y botones.


Los formularios son un tag ms de html y, como todos los tags, debe ir indicado
mediante una etiqueta. La etiqueta de los formularios es <form> y su cierre
</form>. Todo lo que vaya dentro de estas etiquetas, sern partes del
formulario.
Atributos <form>:

Action: El atributo action indica el tipo de accin que va a realizar el


formulario.
Si queremos que el formulario se enve a un correo, la accin quedara
escrita

de

la

siguiente

manera:

<form

action=mailto:direcciondelcorreo@correo.com></form>. Este tipo de


envos se utilizaran para casos de formularios de contacto, de
sugerencias, etc.
Si lo que queremos es que la informacin sea enviada a un programa
que la gestione, debemos indicarle en la accin, la url del archivo donde
se encuentra ubicado el programa que la gestionar. Lo escribiramos de
la siguiente manera: <form action="direccin completa del archivo que la
gestionar" ...> </form>. Este tipo de envos se utilizaran para casos de
formularios de encuestas, cuestionarios, etc.

Method: Mediante este atributo le indicamos al formulario la forma en la


que el formulario ser enviado. Existen dos valores posibles: get y post.
El valor get es el valor por defecto. Si no concretamos el method, la
informacin se enviar a travs de este medio. get indica que los datos
enviados se adjuntarn en la barra de direcciones del cliente, al final de
la url correspondiente y despus de un signo de interrogacin de cierre.
Si se enva ms de un dato, stos irn separados por el smbolo &.
El valor post indica que el mtodo de envo no se har a travs de la url,
sino formando parte del cuerpo de la peticin.

Enctype: Mediante este atributo indicaremos la forma en la que viajar


la informacin que se mande a travs del formulario.
La forma puede ser de varios tipos, aunque el ms comn es que la
informacin se enve como texto plano (enctype="text/plain").

INPUT.
La etiqueta <input> se utiliza para el ingreso de datos por parte del usuario.

El campo del input depender del tipo de control que le asignemos al atributo
type.

text - entrada de texto de una lnea.


password - entrada de texto de una lnea con caracteres ocultos.
checkbox - casilla de verificacin.
radio radiobotn.
submit - botn de envo.
image - botn de envi grfico o mapa de imgenes.
reset - botn de reinicializacin.
button - botn pulsador.
hidden - control oculto
file - seleccin de archivo

FONT-WEIGHT.
Permite establecer el grosor con el que se muestran las letras del texto.
Normalmente, la propiedad font-weight se emplea para mostrar un texto en
negrita (valor bold). El otro uso habitual de la propiedad font-weight es el de

mostrar con un estilo normal un texto que originalmente se mostraba en


negrita, como por ejemplo la etiqueta <strong>.

BUTTON.
La etiqueta <button> se utiliza para crear botones de un formulario.
Los botones creados con esta etiqueta funcionan de igual manera que los
botones creados con la etiqueta <input>, pero permiten mejores posibilidades
de presentacin.

MAX-WIDTH.
La propiedad max-width se usa para establecer el ancho mximo de un
elemento. Evita que los valores usados por la propiedad width sean mayores
que el valor especificado por max-width.

NEGRITA.
Existen dos etiquetas que hacen que nuestro texto se convierta en negrita. La
utilizacin de cualquiera de ellas es en principio indiferente (aunque pueda
atriburseles un significado diferente a cada una de ellas no vamos a prestarle
atencin a esto ahora). La primera es la etiqueta <b> y la otra es la etiqueta
<strong>. Aqu va un ejemplo de cdigo y lo que veramos en pantalla:

Esta palabra la vamos a poner en <b>negrita</b> y esta


otra <strong>tambin</strong>

Esta palabra la vamos a poner en negrita y esta otra tambin

CURSIVA.
Para escribir un texto en cursiva se ha utilizado mucho en el pasado la etiqueta
<i> (que por supuesto debes cerrarla con la etiqueta </i>). Tambin se ha

utilizado la etiqueta <em>. Como en el caso de la negrita, aunque podran


atriburseles distintos significados no vamos a prestarle atencin a esta
cuestin ahora. Aqu presentamos un ejemplo:

Esta palabra la vamos a poner en <i>cursiva</i> y esta


otra <em>tambin</em>

Esta palabra la vamos a poner en cursiva y esta otra tambin

SUBRAYADO.
Para que la palabra o el texto quedara subrayado se us en el pasado el
rodearlo con la etiqueta <u> y cerrarlo con su correspondiente etiqueta
</u>. As se subrayara una frase:

<u>As subrayaramos una frase importante</u>

As subrayaramos una frase importante

PALABRAS MS GRANDES O MAS PEQUEAS.


La variacin de tamao se poda conseguir gracias a las etiquetas <big> y
<small>. Sus propios nombres en ingls nos indican cules eran sus funciones:
<big> agrandar el texto y <small> lo disminuir. No recomendamos su uso ya
que las nuevas versiones de HTML no van a admitir esta etiqueta. La
modificacin del tamao del texto se debe hacer a travs de tcnicas CSS.
Cada vez que se escribe una etiqueta big, se hace el texto un punto ms
grande. Estas etiquetas tambin se podan combinar, por lo que si escribimos
dos veces la etiqueta <big>, haremos crecer la palabra dos puntos. Un ejemplo
sera el siguiente:

Esta palabra se va a escribir <small>pequeita</small>, esta se va a

escribir <big>ms grande</big> y sta <big><big>ms grande


an</big></big>.

Esta palabra se va a escribir pequeita, esta se va a escribir ms grande y


sta ms grande an.

SUPERNDICES Y SUBNDICES.
Mediante HTML tambin podemos escribir expresiones con smbolos
matemticos. Gracias a las etiquetas siguientes podrs escribir subndices y
superndices fcilmente. La etiqueta <sub> te servir para escribir un subndice
y <sup> ser la etiqueta para un superndice. As nos queda un ejemplo como
el siguiente:

Gracias a estas etiquetas podemos escribir cualquier expresin con


smbolos matemticos como esta: H<sub>2</sub>O o nmeros elevados a
potencias 7<sup>3</sup>.

Gracias a estas etiquetas podemos escribir cualquier expresin con smbolos


matemticos como esta: H2O o nmeros elevados a potencias 73.

SALTOS DE LINEA.
Para incluir una nueva lnea en un punto y forzar a que el texto que sigue se
muestre en la lnea inferior, se utiliza la etiqueta <br>. En cierta manera,
insertar la etiqueta <br> en un determinado punto del texto equivale a presionar
la tecla ENTER (o Intro) en ese mismo punto.

ESPACIOS EN BLANCO.
La solucin al problema de los espacios en blanco no es tan sencilla como el
de las nuevas lneas. Para incluir espacios en blanco adicionales, se debe

sustituir cada nuevo espacio en blanco por el texto &nbsp; (es importante incluir
el smbolo & al principio y el smbolo ; al final).

ALINEAR PRRAFO.
<P ALIGN=left> (Define un prrafo y alinea el texto a la izquierda (left).)
<P ALIGN=right> (Define un prrafo y alinea el texto a la derecha (right).)
<P ALIGN=center> (Define un prrafo y centra el texto (center).)

Вам также может понравиться