Tutorial HTML5:2 parte formularios

Entrada más reciente Entrada antigua

Hola que tal y te agradezco que estés aquí de vuelta como te distes cuenta el pasado tutorial fue muy largo pero aun no acabamos con los formularios aún falta muchas cosas por ver así que comencemos

Empecemos viendo cómo funciona esto de los formularios una vez que ya conocemos sus partes

La acción que se usa es muy sencilla


Tenemos por primer lugar el atributo action y es al que le decimos a que página debe ir nuestra información que generalmente es una página php o cualquier otra que tenga un lenguaje al lado del server

También tiene un atributo que es el method que significa porque tipo de método se va a enviar los datos ya sea por post o por get

Las dos grandes diferencias que se muestran es lo siguiente

Por post los datos no se parsean en la url 

Por get los datos enviado se parsean por la url

O mejor dicho 

Si envió un nombre en la url se vera lo siguiente

Post:

http://tusitio.com/enviado.php

puedes ver que no hay nada en la url pero los datos fueron enviados

get:

http://tusitio.com/enviado.php?nombre=omar

Puedes ver que es el nombre en la url 

así es como funciona pero esto lo veremos más adelante en programación ya sea en php o algún otro lenguaje
Otro aspecto importante es el que todos los inputs, textarea, selects, button tienen un atributo que es el name
sirve para identificar el dato que se envía 

Por ejemplo

Tengo un input que va a enviar un nombre y yo pongo mi nombre, al ser enviado necesito saber que es lo que envio para que después lo sepa usar 

Así que el name sirve como identificador y lo que enviamos es el valor
Como nos enseñan en algebra

x=0

Así que si yo pongo el valor así:

name=’nombre’ y cuando yo escriba dentro del input mi nombre que es Omar

Quedaría así
nombre=Omar es sencillo de entender no?

También tenemos el atributo value que es como si nosotros llenáramos el input en algunas veces nos son útiles

Y bueno por ultimo tenemos lo que es el para%&$#” que sirve como un value pero en realidad se ve como grisáceo y también cuando damos clic encima del input desaparece lo que tenía escrito es muy útil pero solo sirve en algunos navegadores
Bueno hasta aquí esta parte y seguiremos viendo lo que es la maquetación en la siguiente así que

Saludos