FORMULARIO EN HTML Y CSS
FORMULARIO EN HTML Y CSS
Esta claro que en este lenguaje se puede realizar todo tipo de paginas web. Pero sin ninguna duda la más divertida ha sido hacer un formulario.
Un formulario es un documento, físico o digital, elaborado para que un usuario introduzca sus datos estructurados ( como su nombre, apellido, dirección, fecha, etc.) en las zonas correspondientes, para ser almacenados y procesados posteriormente.
Resulta tan divertido crearlo por lo interactivo que es su resultado ya que puedes escribir en él o hasta elegir entre varias opciones.
Para llevar acabo esta tarea utilizaremos la aplicación de Visual Styudio Code. Además de las etiquetas que tienen que estar presentes en todos los codigos HTML (<html>,<body>...) también usamos otras propias del formulario. La primera que tiene que aparecer para que sea un formulario es la etiqueta <form></form>. Posteriormente añadiríamos las etiquetas de action: atributo del formulario que contiene el nombre de lo que va a procesar los datos (por ejemplo, un script) y enviarlos al servidor y la etiqueta de method: atributo que define cómo se envían los datos al servidor. Esta puede tener el valor get (los valores se envían a la dirección de action) o post (los valores se envían por separado, permite insertar información).
Las etiquetas que crean los controles en los formularios son <input>, <button>, <select>, <optgroup>, <option> y <textarea> y no se cierran. Al principio de cada una de ellas formularíamos la pregunta que queremos que respondan y las separaríamos unas de otras mediante la etiqueta </br>.
Una vez habiendo hecho el HTML pasaríamos a ponerlo mas llamativo y adornado con el lenguaje CSS. Si queremos cambiar el diseño de una palabra bastaría con escribir dentro de una etiqueta class="..." con el nombre de lo que queremos cambiar el diseño y en el CSS escribiríamos ese mismo nombre con un "." delante y las características dentro de {}. En cuanto a etiquetas como <body>, no haría falta poner un "." delante en el CSS. Etiquetas que podemos usar en el CSS son color: darkmagenta; (para cambiar el color de la letra), font-weight: bolder; font-family: 'Times New Roman', Times, serif; (para cambiar el formato de la letra) o background-color: hotpink; (para cambiar el fondo del formulario). Una vez habiendo puesto estas etiquetas podríamos visualizar nuestro formulario listo para ser rellenado.
Si deseas crear uno sigue investigando ya que hay muchas etiquetas con las que puedes adornar tu HTML.
Comentarios
Publicar un comentario