Con la finalidad de obtener datos de usuarios
cuando visiten nuestra página web,
crearemos formularios en un documento HTML, según las recomendaciones oficiales
de este lenguaje de marcado.
Algunos creadores tienen problemas
al momento de solicitar datos al usuario por desconocimiento de las propiedades
de los formularios y las ventajas de su uso. Lo anterior se traduce en la
pérdida de oportunidades para captar suscriptores, seguidores o simplemente
usuarios hacia la página. Por lo tanto, identificaremos las etiquetas y
propiedades para crear correctamente formularios.
En los inicios de HTML, solo era posible
marcar hojas para ser leídas de forma exclusiva por el usuario, un ejemplo de
ello es la primera página web del
creador de este lenguaje, Tim Berners-Lee. Posteriormente, con el desarrollo
del marcado de proyectos para internet, fue posible incluir formularios, con
los cuales se logra ingresar en una base de datos información de los usuarios.
Para marcar formularios, en HTML
existe la etiqueta form, con el
inicio y cierre correspondiente de la misma delimitamos toda la estructura. En
el estándar oficial de este lenguaje, encontramos una serie de atributos, los
cuales a nivel de programador permiten realizar especificaciones más detalladas
del formulario.
061-01_1006_ilu01. Creación de la etiqueta form
El atributo action, indica la acción realizada por el formulario, es decir, especifica
la dirección donde se va a procesar. Esta dirección es el servidor, utilizado
para guardar los datos del formulario mediante la ayuda de un script, proporcionado por diferentes
tecnologías. Es posible encontrarnos con:
- La
extensión php: es un lenguaje de
código abierto, en oportunidades trabaja con el servidor Apache.
- La
extensión asp: es una tecnología
trabajada con el servidor de Microsoft.
- La
extensión jsp: es una tecnología del
lenguaje de programación Java.
061-01_1006_ilu02. Creación del atributo action
El atributo method, en español método, es el modo de enviar la información del
formulario web al servidor, y
existen:
- El método post es utilizado para indicar al
navegador web el envío de una
respuesta separada del mismo, con los datos del formulario, por lo tanto, solo
el servidor los lee.
- El método get es utilizado para indicar al
navegador web el envío de una
respuesta, mediante la dirección de enlace especificada en la URL. Por este
motivo, se hace vulnerable la información del formulario.
Cuando en el formulario se incluye
información personal del usuario, el método post
es utilizado con mayor frecuencia.
061-01_1006_ilu03. Creación del atributo method
En la etiqueta form es posible agregar el atributo name, para indicar un nombre a ese
formulario, a fin de ordenar toda la información del mismo con el valor
indicado dentro de este atributo, o especificar estilos con el lenguaje de
diseño CSS.
Keynotes
- En los inicios de HTML, solo era posible
marcar hojas para ser leídas de forma exclusiva por el usuario, un ejemplo de
ello es la primera página web del
creador de este lenguaje, Tim Berners-Lee. Posteriormente, con el desarrollo
del marcado de proyectos para internet, fue posible incluir formularios.
- Para marcar formularios, en HTML existe la
etiqueta form, con el inicio y cierre
correspondiente de la misma delimitamos toda la estructura. En el estándar
oficial de este lenguaje, encontramos una serie de atributos, los cuales a
nivel de programador permiten realizar especificaciones más detalladas del
formulario.
- El atributo action, indica la acción realizada por el formulario, es decir, especifica
la dirección donde se va a procesar. Esta dirección es el servidor, utilizado
para guardar los datos del formulario mediante la ayuda de un script, proporcionado por diferentes
tecnologías.
- El atributo method, en español método, es el modo utilizado para enviar la
información del formulario web al
servidor.
- El método post es utilizado para indicar al navegador web el envío de una respuesta separada del mismo, con los datos del
formulario, por lo tanto, solo el servidor los lee.
- El método get es utilizado para indicar al navegador web el envío de una respuesta, mediante la dirección de enlace
especificada en la URL. Por este motivo, se hace vulnerable la información del
formulario.
- En la etiqueta form es posible agregar el atributo name, para indicar un nombre a ese formulario, a fin de ordenar
toda la información del mismo con el valor indicado dentro de este atributo, o
especificar estilos con el lenguaje de diseño CSS.
RetoCrea el marcado de un formulario en un documento
HTML, para el registro de una red social. Sigue las recomendaciones oficiales
de este lenguaje.
¡Comparte el resultado final de tu reto en vProfile y debate con tus compañeros sobre
qué método es mejor para definirlo, y porqué!
Tiempo disponible: entre 15 y 30 minutos.
CierreA través de la creación de formularios en un
documento HTML, según las recomendaciones oficiales de este lenguaje, solicitamos
correctamente datos del usuario, mediante la especificación de las propiedades
necesarias. Por lo tanto, obtenemos información de usuarios cuando visiten la
página web. Con disciplina y práctica
constante marcaremos formularios eficientemente.
