creasion formularios para sitios web en html parte 1

in spanish •  7 years ago  (edited)

If you speak English translate my post just by giving right click and translate

hola chicos bueno como siempre hoy se continuara con el curso de diseño de paginas web a través del lenguaje de etiquetas html. El día de hoy veremos la sintaxis básica de la creación de formularios y la etiqueta textarea la cual es bastante usada para para recibir grandes cantidades de textos sin nada mas que decir empecemos con la explicacion.


form
Imagen de uso libre tomada del sitio pixabay.com

sintaxis básica de formularios


Bueno al igual que las tablas y el mismo documento html este también tiene sus etiquetas las cuales están conformadas por su etiqueta de apertura y etiqueta de cierre. Estas están definidas por la etiqueta form siendo la primera la etiqueta de apertura y la segunda la etiqueta de cierre.

formulario
Imagen propia

Viendo esta sintaxis básica toca también decir que al igual que todas las etiquetas de html esta no es la excepción y tiene sus atributos siendo las principales el atributo de GET, el POST y el atributo action los cuales nos sirven principal mente para mandar informaron de entre paginas y así poderlas usar de ser necesarias de desde una pagina a otra así que miremos para que sirven estos atributos.

separador

Atributo GET

Como muy bine se dijo el atributo GET lo que hace es mandar datos de un formulario a otro pero con la norma de que la información pasada es visible a través de la url del navegador a la que se esta redirigiendo siendo así imaginemos que llenamos o escribimos nuestro nombre en un cuadro de texto para enviarla a otra pagina esta información al redireccionar se vería en la url de nuestro navegador veamos el ejemplo visto anteriormente en practica.

Si yo escribo mi nombre de usuario en un cuadro de texto de la siguiente manera.


ederaleng
Imagen propia

escribiéndolo de esta manera al dar click en la lupa en la url del navegador se veria de la siguiente manera


busuqeda
Imagen propia

Atributo POST


Teniendo en cuenta que el método POST es muy parecido a el método GET su usabilidad es de la misma manera pero con la única diferencia es que su resultado es diferente ya que al contrario de la etiqueta GET esta oculta la información y no la muestra en la parte donde va la url del navegador viéndolo de esta manera a este atributo no se le va a ver un ejemplo ya que al ser lo contrario del método GET es fácil entender su funcionamiento

Atributo action


Bueno teniendo en cuenta la idea de que los formularios nos permiten transportar información entre paginas toca definir entre que paginas se van a transportar la información para esto se usa el atributo "action" el cual identifica que pagina sera a la que se enviara la información escrita en la pagina principal en la cual esta el formulario que se esta usando.

separador

Etiqueta textarea


La etiqueta textarea es un formato u cuadro de texto en el cual es usada general mente para enviar comentarios ya que es una etiqueta que permite enviar grandes cantidades de texto un ejemplo bastante fácil de ver seria el campo donde escribimos los comentarios en steemit este es un cuadro textarea esta etiqueta va definida por por sus etiqueta de apertura y de cierre pero con el el punto de vista que la información escrita entre estos dos campos sera la información que va a verse por defecto en el campo veamos un ejemplo de esta etiqueta

< textarea >
informacion que va dentro del textarea
< / textarea >

el resultado seria


textarea
Imagen propia

Como se puede ver la información que se escribió en el ejemplo es la información escrita que esta dentro del textarea pero de quererse que el campo estuviera vacío no se escribe ninguna información adentro de estas etiquetas y no aparecería información escrita por defecto como todo campo este tiene sus atributos pero los cuales no se verán en este post por que nos daría horas y horas de que hablar asi que se hará un post para explicar los principales atributos que usan los campos de texto dentro de un formulario html sin nada mas que decir de tejo mis link de pastebin donde se hace un recuento diario de todas las publicaciones sobre el curso y pues gracias por leer mi post.


U5drBv8yhaeq7Uk738q5mFjbCLkQPdU_1680x8400.png

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Siemore es bueno recordar esta informacion, muchas ocaciones uno las da por sentado como si las supiera y cuando estas ahi se te pasan tantas cosas! saludos!

si es verdad siempre es bueno recordar cosas tan importantes como estas y mas en el diseño web que es una cosa de estar practicando a cada rato